Saltar al contenido principal

Caqui

Todo lo que necesitas saber sobre caqui para inspirar tu próximo diseño.

Crear paleta de colores

Elige un color

Hex

RGB

HSB

HSL

Selecciona la paleta

Paletas personalizadas

El caqui es un tono marrón amarillento ubicado entre el rojo y el amarillo en el círculo cromático. Este tono terroso tiene sutiles matices verdes que evocan sentimientos de estabilidad y fiabilidad.

color Caquicolor Caqui

El caqui se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.

- Código HEX: #D5C58A

- Valor RGB: 83.5% rojo, 77.3% verde y 54.1% azul

La accesibilidad juega un papel clave en la elección de colores en el diseño UX y UI. La comunidad de Figma ofrece plugins para ayudarte a cumplir con las Web Content Accessibility Guidelines.

Aquí hay algunas formas de usar el caqui en tus diseños:

  • Proporciona un fondo neutro. El caqui es altamente versátil y proporciona una base limpia para muchos otros colores. Cuando se combina con colores brillantes, permite que los elementos de la interfaz 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 interfaz como botones o íconos. 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 clickeable.
  • Transmite confianza. Al igual que otros tonos terrosos, el caqui evoca sentimientos 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 variar según la cultura y el contexto. Si diseñas para una audiencia internacional, investiga cómo se perciben los colores en cada país.

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.
  • Crudo (#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, burdeos 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 sentimientos de seguridad y confianza debido a sus matices terrosos.

En el diseño de interfaces, 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. Eventualmente, 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 de interfaces para crear una atmósfera calmante.

Variantes de color

Sombras

Tintes

Tonos

Matices

Armonías de color

Complementario

Dividido

Monocromático

Análogo

Triádico

Cuadrado

Paletas personalizadas

Safari

Viajero

Melodía campestre

Verificador de contraste

Contraste 1,72

Texto grande

#D5C58A

Texto normal

Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.

Este es el texto #D5C58A en un fondo #FFFFFF.
Categoría
Desaprobado
Desaprobado
Desaprobado
Desaprobado
Desaprobado
Desaprobado

Contraste 12,18

Texto grande

#D5C58A

Texto normal

Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.

Este es el texto #D5C58A en un fondo #000000.
Categoría
Aprobado
Aprobado
Aprobado
Aprobado
Aprobado
Aprobado

Simulaciones de color

Protanopia

Deuteranopia

Tritanopia

Acromatopsia

El color hexadecimal #d5c58a, también conocido como Caqui, tiene valores RGB de R:213, G:197, B:138 y valores CMYK de C:0, M:8, Y:35, K:16.

VALUECSS
HEX#d5c58a#d5c58a
RGB DECIMAL213, 197, 138RGB(213,197,138)
RGB PERCENTAGE83.5, 77.3, 54.1RGB(83.5%,77.3%,54.1%)
CMYK0, 8, 35, 16
HSLHSL(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
BINARY11010101, 11000101, 10001010
iOS - SwiftUIColor(red: 0.835, green: 0.773, blue: 0.541)
iOS - UIKitUIColor(red: 0.835, green: 0.773, blue: 0.541, alpha: 1)
Android - ComposeColor(0xFFD5C58A)
Crear paleta de colores