#E8D5DA

Color con nombre más cercano: Gainsboro (#DCDCDC). oklch(89% 0.022 359.7), rgb(232, 213, 218).

Aa

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

Sobre este color

#E8D5DA es un tono claro cercano al gris neutro. En OKLCH, su luminosidad es 89%, su croma 0.022. Tiene muy poco croma para inclinarse hacia lo cálido o lo frío. El color con nombre más cercano es Gainsboro (#DCDCDC), a una distancia de ΔE 0.022. El texto negro es el que mejor se lee sobre este color, con 14.96:1.

Familia de matizNeutros
Luminosidadclaro (89%)
Cromacercano al gris neutro (0.022)
Temperaturaneutro
Nombre más cercanoGainsboro (#DCDCDC)
Texto negro14.96:1
Texto blanco1.40:1

Valores

HEX#E8D5DA
RGBrgb(232, 213, 218)
HSLhsl(344, 29%, 87%)
OKLCHoklch(89% 0.022 359.7)

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 #E8D5DA 1.40:1 No cumple Lc -22.3 Solo divisores y decoración
Texto negro sobre #E8D5DA 14.96:1 AAA Lc 84.2 Bueno para texto de cuerpo
Texto #E8D5DA sobre blanco 1.40:1 No cumple Lc 19.5 Solo divisores y decoración
Texto #E8D5DA sobre negro 14.96:1 AAA Lc -83.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 200.

  1. Paso 50

    50

    #F8F4F5

    oklch(97.1% 0.004 360)

  2. Paso 100

    100

    #EFE8E9

    oklch(93.7% 0.008 7.3)

  3. Paso 200

    200 (este color)

    #E8D5DA

    oklch(89% 0.022 359.7)

  4. Paso 300

    300

    #D1B9C0

    oklch(80.8% 0.029 358.2)

  5. Paso 400

    400

    #B9959F

    oklch(70.6% 0.045 359.8)

  6. Paso 500

    500

    #A87B88

    oklch(63.1% 0.059 359.9)

  7. Paso 600

    600

    #926472

    oklch(55.6% 0.062 359.5)

  8. Paso 700

    700

    #7D535F

    oklch(49.2% 0.058 0.8)

  9. Paso 800

    800

    #65444E

    oklch(42.7% 0.048 359.5)

  10. Paso 900

    900

    #533941

    oklch(37.7% 0.039 359)

  11. Paso 950

    950

    #302226

    oklch(27% 0.022 359.9)

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

#E8D5DA 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)#D7D8DA0.024
Deuteranopía (sin conos verdes)#DBDBDA0.022
Tritanopía (sin conos azules)#ECD4D70.006
Acromatopsia (sin color)#DADADA0.022

Armonías

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

Complementario

El matiz opuesto (180°).

  • #E8D5DA

    #E8D5DA

    oklch(89% 0.022 359.7)

  • #CCE0DB

    #CCE0DB

    oklch(89% 0.022 179.1)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #E8D5DA

    #E8D5DA

    oklch(89% 0.022 359.7)

  • #E3D6E2

    #E3D6E2

    oklch(89% 0.021 328.1)

  • #E9D6D2

    #E9D6D2

    oklch(89% 0.022 31.8)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #E8D5DA

    #E8D5DA

    oklch(89% 0.022 359.7)

  • #D1DFD3

    #D1DFD3

    oklch(89% 0.022 149.7)

  • #CBDFE3

    #CBDFE3

    oklch(89% 0.022 211)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #E8D5DA

    #E8D5DA

    oklch(89% 0.022 359.7)

  • #D9DDCD

    #D9DDCD

    oklch(89% 0.022 118.3)

  • #CEDDE8

    #CEDDE8

    oklch(89% 0.022 239.5)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #E8D5DA

    #E8D5DA

    oklch(89% 0.022 359.7)

  • #E0DACB

    #E0DACB

    oklch(88.9% 0.021 88.7)

  • #CCE0DB

    #CCE0DB

    oklch(89% 0.022 179.1)

  • #D5DAEA

    #D5DAEA

    oklch(88.9% 0.023 272)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #E8D5DA

Estas paletas y degradados seleccionados contienen exactamente #E8D5DA. 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 #E8D5DA 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.