Khaki #F0E68C

Khaki es un amarillo muy claro y moderadamente saturado, con código hex #F0E68C y RGB rgb(240, 230, 140).

Aa

El texto negro es el que mejor se lee sobre este color (16.40:1).

Sobre este color

#F0E68C es un amarillo muy claro y moderadamente saturado. En OKLCH, su luminosidad es 91%, su croma 0.112 y su matiz 103°. Su matiz está del lado cálido de la rueda cromática. Es el color con nombre Khaki. El texto negro es el que mejor se lee sobre este color, con 16.40:1.

Familia de matizAmarillos
Luminosidadmuy claro (91%)
Cromamoderadamente saturado (0.112)
Temperaturacálido
Nombre más cercanoKhaki
Texto negro16.40:1
Texto blanco1.28:1

Colores que combinan con Khaki

Combinaciones obtenidas al rotar Khaki por la rueda de matiz de OKLCH, cada una con el nombre más cercano de nuestra lista.

Complementario

El matiz opuesto (180°).

Abre la paleta complementaria en el generador

Triádico

Tres matices separados por 120°.

Abre la paleta triádica en el generador

Paletas de colores con Khaki

Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Khaki, de la más cercana a la más lejana.

Colores con nombre similares

Los ocho colores con nombre más cercanos a Khaki, con su distancia ΔE.

Más sobre Khaki

Cómo hacer Khaki

Una receta inicial con colores de pintura comunes, calculada con un modelo espectral de pintura (el modo pintura del mezclador). Los pigmentos reales varían: mezcla primero una pequeña prueba y ajusta.

  • 4 partes de blanco
  • 2 partes de amarillo
  • 1 parte de gris

Resultado de la receta: #ECE97F, una diferencia de ΔE 0.019 respecto a Khaki. Es muy parecido: la mayoría de la gente no notará la diferencia.

¿Qué colores forman el amarillo? | Tabla de mezcla de colores

Códigos de Khaki en todos los formatos

HEX#F0E68C
RGBrgb(240, 230, 140)
HSLhsl(54, 77%, 75%)
OKLCHoklch(91.3% 0.112 102.8)

Contraste

Las relaciones de contraste de WCAG 2 son el objetivo de conformidad: AA exige 4.5:1 para texto de cuerpo y 3:1 para texto grande; AAA exige 7:1. Los valores Lc de APCA son una guía complementaria de los borradores de WCAG 3.

CombinaciónWCAG 2ResultadoAPCAGuía APCA
Texto blanco sobre #F0E68C 1.28:1 No cumple Lc -16.0 Solo divisores y decoración
Texto negro sobre #F0E68C 16.40:1 AAA Lc 89.7 Bueno para texto de cuerpo
Texto #F0E68C sobre blanco 1.28:1 No cumple Lc 13.9 No legible
Texto #F0E68C sobre negro 16.40:1 AAA Lc -90.0 Bueno para texto de cuerpo

Tonos y tintes de Khaki

Una escala de 50 a 950 creada en OKLCH: el matiz se mantiene, la luminosidad sigue una curva parecida a la de Tailwind v4 y cada paso permanece dentro de la gama sRGB. Este color está en el paso 100.

  1. Paso 50

    50

    #F8F6E8

    oklch(97.1% 0.019 100.1)

  2. Paso 100

    100 (este color)

    #F0E68C

    oklch(91.3% 0.112 102.8)

  3. Paso 200

    200

    #E2DC9E

    oklch(88.5% 0.08 103.2)

  4. Paso 300

    300

    #D2C446

    oklch(80.9% 0.144 102.9)

  5. Paso 400

    400

    #B2A300

    oklch(70.6% 0.148 102.9)

  6. Paso 500

    500

    #998C00

    oklch(63.2% 0.133 102.9)

  7. Paso 600

    600

    #807500

    oklch(55.5% 0.117 103)

  8. Paso 700

    700

    #6C6200

    oklch(49% 0.103 102.5)

  9. Paso 800

    800

    #585000

    oklch(42.6% 0.089 102.9)

  10. Paso 900

    900

    #4A4300

    oklch(37.8% 0.079 102.7)

  11. Paso 950

    950

    #2C2700

    oklch(27% 0.057 102.1)

Exporta esta escala para Tailwind con la herramienta de colores de Tailwind

Khaki con daltonismo

Simulado con el modelo de Machado et al. (2009). ΔE es cuánto se desplaza el color: por debajo de 0.02 aproximadamente no notarías el cambio.

VisiónSe ve comoCambio (ΔE)
Protanopía (sin conos rojos)#F5E0850.015
Deuteranopía (sin conos verdes)#F8E6900.013
Tritanopía (sin conos azules)#FDDBD00.101
Acromatopsia (sin color)#E3E3E30.112

Usa Khaki en tu producto

Conviértelo en roles de interfaz claros y oscuros con el contraste verificado y expórtalos a Tailwind v4, shadcn/ui, CSS o design tokens.