#D4E8D1

Color con nombre más cercano: Pale Silver (#D8E2DC). oklch(91% 0.037 141.6), rgb(212, 232, 209).

Aa

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

Sobre este color

#D4E8D1 es un verde muy claro y apagado. En OKLCH, su luminosidad es 91%, su croma 0.037 y su matiz 142°. Su matiz queda entre las mitades cálida y fría de la rueda. El color con nombre más cercano es Pale Silver (#D8E2DC), a una distancia de ΔE 0.026. El texto negro es el que mejor se lee sobre este color, con 16.26:1.

Familia de matizVerdes
Luminosidadmuy claro (91%)
Cromaapagado (0.037)
Temperaturaintermedio
Nombre más cercanoPale Silver (#D8E2DC)
Texto negro16.26:1
Texto blanco1.29:1

Valores

HEX#D4E8D1
RGBrgb(212, 232, 209)
HSLhsl(112, 33%, 86%)
OKLCHoklch(91% 0.037 141.6)

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 #D4E8D1 1.29:1 No cumple Lc -16.6 Solo divisores y decoración
Texto negro sobre #D4E8D1 16.26:1 AAA Lc 89.2 Bueno para texto de cuerpo
Texto #D4E8D1 sobre blanco 1.29:1 No cumple Lc 14.4 No legible
Texto #D4E8D1 sobre negro 16.26:1 AAA Lc -89.4 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

    #F3F7F3

    oklch(97.2% 0.007 145.5)

  2. Paso 100

    100

    #E5ECE4

    oklch(93.6% 0.013 141.8)

  3. Paso 200

    200 (este color)

    #D4E8D1

    oklch(91% 0.037 141.6)

  4. Paso 300

    300

    #B0C9AC

    oklch(80.9% 0.048 141.3)

  5. Paso 400

    400

    #86AD80

    oklch(70.7% 0.077 141.3)

  6. Paso 500

    500

    #679960

    oklch(63.2% 0.099 141.4)

  7. Paso 600

    600

    #4D8346

    oklch(55.7% 0.108 141.5)

  8. Paso 700

    700

    #3E6F38

    oklch(49.3% 0.1 141.6)

  9. Paso 800

    800

    #335A2E

    oklch(42.7% 0.083 141.6)

  10. Paso 900

    900

    #2D4A29

    oklch(37.7% 0.065 141.4)

  11. Paso 950

    950

    #1B2B19

    oklch(26.9% 0.039 141.8)

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

#D4E8D1 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)#EAE4D00.029
Deuteranopía (sin conos verdes)#E6E2D20.027
Tritanopía (sin conos azules)#D3E6E10.024
Acromatopsia (sin color)#E2E2E20.038

Armonías

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

Complementario

El matiz opuesto (180°).

  • #D4E8D1

    #D4E8D1

    oklch(91% 0.037 141.6)

  • #EDDAF1

    #EDDAF1

    oklch(91.1% 0.037 320.3)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #D4E8D1

    #D4E8D1

    oklch(91% 0.037 141.6)

  • #E1E4C8

    #E1E4C8

    oklch(90.9% 0.037 112.1)

  • #C9EADE

    #C9EADE

    oklch(91% 0.038 171.5)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #D4E8D1

    #D4E8D1

    oklch(91% 0.037 141.6)

  • #E1DDF9

    #E1DDF9

    oklch(90.9% 0.038 292.2)

  • #F6D8E4

    #F6D8E4

    oklch(91% 0.037 351.7)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #D4E8D1

    #D4E8D1

    oklch(91% 0.037 141.6)

  • #D4E2FB

    #D4E2FB

    oklch(91% 0.037 262.1)

  • #FAD8D6

    #FAD8D6

    oklch(91% 0.038 21.9)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #D4E8D1

    #D4E8D1

    oklch(91% 0.037 141.6)

  • #C9E6F6

    #C9E6F6

    oklch(90.9% 0.038 231.9)

  • #EDDAF1

    #EDDAF1

    oklch(91.1% 0.037 320.3)

  • #F7DBCB

    #F7DBCB

    oklch(91% 0.038 51.7)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #D4E8D1

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