#FADEAF

Color con nombre más cercano: Navajo White (#FFDEAD). oklch(91.2% 0.068 80.5), rgb(250, 222, 175).

Aa

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

Sobre este color

#FADEAF es un naranja muy claro y apagado. En OKLCH, su luminosidad es 91%, su croma 0.068 y su matiz 81°. Su matiz está del lado cálido de la rueda cromática. El color con nombre más cercano es Navajo White (#FFDEAD), a una distancia de ΔE 0.007. El texto negro es el que mejor se lee sobre este color, con 16.13:1.

Familia de matizNaranjas
Luminosidadmuy claro (91%)
Cromaapagado (0.068)
Temperaturacálido
Nombre más cercanoNavajo White (#FFDEAD)
Texto negro16.13:1
Texto blanco1.30:1

Valores

HEX#FADEAF
RGBrgb(250, 222, 175)
HSLhsl(38, 88%, 83%)
OKLCHoklch(91.2% 0.068 80.5)

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 #FADEAF 1.30:1 No cumple Lc -17.2 Solo divisores y decoración
Texto negro sobre #FADEAF 16.13:1 AAA Lc 88.7 Bueno para texto de cuerpo
Texto #FADEAF sobre blanco 1.30:1 No cumple Lc 14.9 No legible
Texto #FADEAF sobre negro 16.13:1 AAA Lc -88.9 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 100.

  1. Paso 50

    50

    #FAF5ED

    oklch(97.2% 0.012 79.8)

  2. Paso 100

    100 (este color)

    #FADEAF

    oklch(91.2% 0.068 80.5)

  3. Paso 200

    200

    #EAD6B5

    oklch(88.4% 0.049 80.3)

  4. Paso 300

    300

    #DEBB7E

    oklch(80.9% 0.088 80.9)

  5. Paso 400

    400

    #CD9519

    oklch(70.6% 0.14 80.4)

  6. Paso 500

    500

    #B27F00

    oklch(63.1% 0.131 80.3)

  7. Paso 600

    600

    #966A00

    oklch(55.5% 0.115 79.9)

  8. Paso 700

    700

    #7E5900

    oklch(49% 0.101 80.5)

  9. Paso 800

    800

    #684900

    oklch(42.8% 0.089 80.7)

  10. Paso 900

    900

    #573C00

    oklch(37.7% 0.078 80.1)

  11. Paso 950

    950

    #342300

    oklch(27% 0.056 81.4)

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

#FADEAF 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)#EADDAC0.024
Deuteranopía (sin conos verdes)#F1E4B00.019
Tritanopía (sin conos azules)#FFD5D10.058
Acromatopsia (sin color)#E1E1E10.068

Armonías

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

Complementario

El matiz opuesto (180°).

  • #FADEAF

    #FADEAF

    oklch(91.2% 0.068 80.5)

  • #D2E3FF

    #D2E3FF

    oklch(91.2% 0.043 260.4)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #FADEAF

    #FADEAF

    oklch(91.2% 0.068 80.5)

  • #FFD9C4

    #FFD9C4

    oklch(91.2% 0.051 50.7)

  • #E4E7B3

    #E4E7B3

    oklch(91.3% 0.068 110.4)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #FADEAF

    #FADEAF

    oklch(91.2% 0.068 80.5)

  • #BFE9FF

    #BFE9FF

    oklch(91.1% 0.053 230.9)

  • #E1DEFF

    #E1DEFF

    oklch(91.3% 0.045 289.7)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #FADEAF

    #FADEAF

    oklch(91.2% 0.068 80.5)

  • #ACF0F4

    #ACF0F4

    oklch(91.1% 0.068 200.6)

  • #F7D4FF

    #F7D4FF

    oklch(91.2% 0.069 320)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #FADEAF

    #FADEAF

    oklch(91.2% 0.068 80.5)

  • #B5F1DC

    #B5F1DC

    oklch(91.2% 0.067 171.2)

  • #D2E3FF

    #D2E3FF

    oklch(91.2% 0.043 260.4)

  • #FFD4E7

    #FFD4E7

    oklch(91.2% 0.054 349.8)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #FADEAF

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

Paletas

Colores con nombre similares

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

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