#FFD194

Color con nombre más cercano: Light Peach (#FFD8B1). oklch(88.7% 0.093 74), rgb(255, 209, 148).

Aa

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

Sobre este color

#FFD194 es un naranja claro y moderadamente saturado. En OKLCH, su luminosidad es 89%, su croma 0.093 y su matiz 74°. Su matiz está del lado cálido de la rueda cromática. El color con nombre más cercano es Light Peach (#FFD8B1), a una distancia de ΔE 0.034. El texto negro es el que mejor se lee sobre este color, con 14.79:1.

Familia de matizNaranjas
Luminosidadclaro (89%)
Cromamoderadamente saturado (0.093)
Temperaturacálido
Nombre más cercanoLight Peach (#FFD8B1)
Texto negro14.79:1
Texto blanco1.41:1

Valores

HEX#FFD194
RGBrgb(255, 209, 148)
HSLhsl(34, 100%, 79%)
OKLCHoklch(88.7% 0.093 74)

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 #FFD194 1.41:1 No cumple Lc -22.9 Solo divisores y decoración
Texto negro sobre #FFD194 14.79:1 AAA Lc 83.6 Bueno para texto de cuerpo
Texto #FFD194 sobre blanco 1.41:1 No cumple Lc 20.1 Solo divisores y decoración
Texto #FFD194 sobre negro 14.79:1 AAA Lc -83.3 Bueno para texto de cuerpo

Tintes y tonos

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 200.

  1. Paso 50

    50

    #FCF4EA

    oklch(97.1% 0.016 73.7)

  2. Paso 100

    100

    #F8E7D1

    oklch(93.6% 0.035 74.4)

  3. Paso 200

    200 (este color)

    #FFD194

    oklch(88.7% 0.093 74)

  4. Paso 300

    300

    #EFB563

    oklch(81% 0.12 74.2)

  5. Paso 400

    400

    #D79000

    oklch(70.7% 0.15 74.1)

  6. Paso 500

    500

    #B97B00

    oklch(63.2% 0.134 73.9)

  7. Paso 600

    600

    #9C6700

    oklch(55.7% 0.118 73.9)

  8. Paso 700

    700

    #835600

    oklch(49.1% 0.104 74.1)

  9. Paso 800

    800

    #6C4600

    oklch(42.7% 0.091 73.9)

  10. Paso 900

    900

    #5A3A00

    oklch(37.7% 0.08 74.4)

  11. Paso 950

    950

    #372100

    oklch(27% 0.057 72.9)

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

#FFD194 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)#E2D2900.043
Deuteranopía (sin conos verdes)#EDDD950.038
Tritanopía (sin conos azules)#FFC5C10.074
Acromatopsia (sin color)#D8D8D80.093

Armonías

Rotaciones de matiz en OKLCH que conservan la luminosidad y el croma de este color.

Complementario

El matiz opuesto (180°).

  • #FFD194

    #FFD194

    oklch(88.7% 0.093 74)

  • #C1DCFF

    #C1DCFF

    oklch(88.6% 0.056 255)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #FFD194

    #FFD194

    oklch(88.7% 0.093 74)

  • #FFCDB8

    #FFCDB8

    oklch(88.7% 0.064 43.9)

  • #E4DD94

    #E4DD94

    oklch(88.6% 0.093 103.4)

Abre la paleta análoga en el generador

Complementario dividido

Los dos matices junto al complementario (150° y 210°).

  • #FFD194

    #FFD194

    oklch(88.7% 0.093 74)

  • #A3E5FF

    #A3E5FF

    oklch(88.7% 0.075 224.4)

  • #D4D5FF

    #D4D5FF

    oklch(88.6% 0.058 284.1)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #FFD194

    #FFD194

    oklch(88.7% 0.093 74)

  • #8BEEEC

    #8BEEEC

    oklch(88.8% 0.094 193.9)

  • #EDCBFF

    #EDCBFF

    oklch(88.7% 0.079 313.9)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #FFD194

    #FFD194

    oklch(88.7% 0.093 74)

  • #9EEEC9

    #9EEEC9

    oklch(88.7% 0.094 163.8)

  • #C1DCFF

    #C1DCFF

    oklch(88.6% 0.056 255)

  • #FFC6E6

    #FFC6E6

    oklch(88.6% 0.076 344)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #FFD194

Estas paletas y degradados seleccionados contienen exactamente #FFD194. Abre uno para ver el esquema de color completo que lo rodea.

Degradados

Colores con nombre similares

Las ocho entradas más cercanas de nuestra lista de colores con nombre, con su distancia ΔE.

Usa #FFD194 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.