El caqui es un tono marrón amarillento situado entre el rojo y el amarillo en el círculo cromático. Este tono terroso tiene sutiles matices verdes que evocan sensaciones de estabilidad y fiabilidad.
El caqui se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #D5C58A
- Valor RGB: 83.5% rojo, 77.3% verde y 54.1% azul
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color en el diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarte de que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
Aquí tienes algunas formas de usar el caqui en tus diseños:
- Proporciona un fondo neutro. El caqui es muy versátil y ofrece una base limpia para muchos otros colores. Cuando se combina con colores brillantes, permite que los elementos de la UI y la información importante resalten. Para una sensación inspirada en la naturaleza, combínalo con otros tonos terrosos.
- Apoya elementos interactivos. Usa el caqui con tonos más oscuros o brillantes para indicar interactividad en elementos de la UI como botones o iconos. Por ejemplo, usa un tono más oscuro para el botón y luego cámbialo a caqui para un efecto de hover, ofreciendo una clara señal visual de que el elemento es clicable.
- Transmite confianza. Al igual que otros tonos terrosos, el caqui evoca sensaciones de seguridad y fiabilidad. Esto lo convierte en un tono ideal para industrias legales, financieras o de salud que desean que los usuarios se sientan seguros y confiados al usar su plataforma.
Ten en cuenta que el color y su significado pueden cambiar de una cultura a otra, y en cualquier momento. Si estás diseñando para una audiencia global, investiga las consideraciones de color para tus regiones específicas.
Para variaciones dentro del mismo espectro neutral que el caqui, considera:
- Arena (#CBBD93) comparte matices amarillos similares pero es ligeramente más oscuro y apagado.
- Beige (#EDE8D0) ofrece una apariencia más suave y clara con un tono similar al caqui.
- Bronceado (#D6B588) parece más marrón pero comparte la misma calidez.
- Ecru (#E0CD95) tiene ligeros matices grises, lo que lo hace un neutral más versátil que el caqui.
Para complementar el caqui, considera combinarlo con:
- Verde militar (#5D6532) crea una sensación terrosa y sólida junto al caqui.
- Azul polvo (#B8E3E9) ofrece un poco de brillo que equilibra la calidez del caqui.
- Verde menta (#ADEBB3) complementa el caqui con un toque refrescante de color.
- Azul marino (#000080) añade un toque de frescura para una combinación clásica.
- Rosa suave (#E89EB8) crea un contraste suave que recuerda a la primavera.
Otros colores que vale la pena considerar incluyen chocolate para una combinación natural, granate para un toque de sofisticación, y marfil para una sensación suave y relajada.
Aunque el caqui es cálido, puede chocar con:
- Azul real (#305CDE) es frío y saturado, lo que puede chocar con la calidez del caqui.
- Gris frío (#CBCBCB) tiene bajo contraste que puede parecer desequilibrado cuando se combina con caqui.
- Verde neón (#2CFF05) es un tono intenso que parece desagradable junto al caqui.
- Rosa neón (#FF13F0) puede parecer abrumador y causar fatiga visual.
El caqui simboliza fiabilidad, confianza y estabilidad. También lleva connotaciones de ingenio, practicidad y orden debido a su conexión con el ámbito militar.
En la psicología del color, la naturaleza apagada del caqui evoca calma y tranquilidad. También promueve sensaciones de seguridad y confianza debido a sus matices terrosos.
En el diseño UI, el caqui es un tono perfecto para aplicaciones bancarias, plataformas de salud u otras industrias que desean establecer confianza y seguridad con sus usuarios.
La palabra “caqui” proviene de las palabras en urdu y persa para “polvoriento” o “color de tierra”.
El primer uso registrado del color fue a mediados del siglo XIX cuando el ejército británico estaba estacionado en India. Después de observar las prendas ligeras de color arena de los soldados locales, los británicos se dieron cuenta de que sus uniformes rojos brillantes debían ser más prácticos. Esto llevó a la adopción de uniformes de color caqui, lo que facilitó mezclarse con los paisajes polvorientos de la India. Con el tiempo, el caqui se convirtió en el color estándar para los uniformes militares.
Con el tiempo, el caqui se volvió común en la ropa civil debido a su practicidad y apariencia casual. Hoy en día, el color es más evidente en la moda: es un tono prominente para pantalones de mezcla de algodón, como chinos y pantalones. Aparte de la moda, la versatilidad del caqui se ve en el diseño de interiores y UI para crear una atmósfera calmante.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Safari
Viajero
Melodía Campestre
Comprobador de contraste
Contraste 1,72
- Texto largo
#D5C58A
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Contraste 12,18
- Texto largo
#D5C58A
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #d5c58a, también llamado Caqui, tiene valores RGB de R:213, G:197, B:138 y valores CMYK de C:0, M:8, Y:35, K:16.
| VALUE | CSS | |
|---|---|---|
| HEX | #d5c58a | #d5c58a |
| RGB DECIMAL | 213, 197, 138 | RGB(213,197,138) |
| RGB PERCENTAGE | 83.5, 77.3, 54.1 | RGB(83.5%,77.3%,54.1%) |
| CMYK | 0, 8, 35, 16 | |
| HSL | HSL(47.2, 47.2%, 68.8%) | HSL(47.2, 47.2%, 68.8%) |
| HSV (OR HSB) | 47.2°, 35.2, 83.5 | |
| WEB SAFE | #204204153 | #204204153 |
| BINARY | 11010101, 11000101, 10001010 | |
| iOS - SwiftUI | Color(red: 0.835, green: 0.773, blue: 0.541) | |
| iOS - UIKit | UIColor(red: 0.835, green: 0.773, blue: 0.541, alpha: 1) | |
| Android - Compose | Color(0xFFD5C58A) |
