#EFFFED

Color con nombre más cercano: Honeydew (#F0FFF0). oklch(98.3% 0.029 142.2), rgb(239, 255, 237).

Aa

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

Sobre este color

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

Familia de matizNeutros
Luminosidadmuy claro (98%)
Cromacercano al gris neutro (0.029)
Temperaturaneutro
Nombre más cercanoHoneydew (#F0FFF0)
Texto negro20.19:1
Texto blanco1.03:1

Valores

HEX#EFFFED
RGBrgb(239, 255, 237)
HSLhsl(113, 100%, 96%)
OKLCHoklch(98.3% 0.029 142.2)

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 #EFFFED 1.03:1 No cumple Lc 0.0 No legible
Texto negro sobre #EFFFED 20.19:1 AAA Lc 103.3 Ideal para texto de cuerpo
Texto #EFFFED sobre blanco 1.03:1 No cumple Lc 0.0 No legible
Texto #EFFFED sobre negro 20.19:1 AAA Lc -104.9 Ideal 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 50.

  1. Paso 50

    50 (este color)

    #EFFFED

    oklch(98.3% 0.029 142.2)

  2. Paso 100

    100

    #E6ECE5

    oklch(93.7% 0.011 141.3)

  3. Paso 200

    200

    #D2DDD0

    oklch(88.6% 0.021 140.9)

  4. Paso 300

    300

    #B3C7B1

    oklch(80.8% 0.037 142.7)

  5. Paso 400

    400

    #8CAB88

    oklch(70.8% 0.061 141.9)

  6. Paso 500

    500

    #6F956B

    oklch(63% 0.075 142.3)

  7. Paso 600

    600

    #568052

    oklch(55.6% 0.084 142.3)

  8. Paso 700

    700

    #466C43

    oklch(49.1% 0.077 142.6)

  9. Paso 800

    800

    #3A5837

    oklch(42.7% 0.064 142.2)

  10. Paso 900

    900

    #324830

    oklch(37.6% 0.049 142.5)

  11. Paso 950

    950

    #1E2A1C

    oklch(26.9% 0.03 141)

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

#EFFFED 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)#FFFCEC0.021
Deuteranopía (sin conos verdes)#FDFAEE0.022
Tritanopía (sin conos azules)#EEFEFA0.018
Acromatopsia (sin color)#FAFAFA0.029

Armonías

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

Complementario

El matiz opuesto (180°).

  • #EFFFED

    #EFFFED

    oklch(98.3% 0.029 142.2)

  • #FEF7FF

    #FEF7FF

    oklch(98.4% 0.013 321.9)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #EFFFED

    #EFFFED

    oklch(98.3% 0.029 142.2)

  • #F9FCE6

    #F9FCE6

    oklch(98.3% 0.029 113.2)

  • #EBFFF8

    #EBFFF8

    oklch(98.3% 0.023 172.9)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #EFFFED

    #EFFFED

    oklch(98.3% 0.029 142.2)

  • #F9F9FF

    #F9F9FF

    oklch(98.4% 0.008 286.3)

  • #FFF7FA

    #FFF7FA

    oklch(98.3% 0.009 352.4)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #EFFFED

    #EFFFED

    oklch(98.3% 0.029 142.2)

  • #F7FAFF

    #F7FAFF

    oklch(98.4% 0.007 260.7)

  • #FFF8F7

    #FFF8F7

    oklch(98.4% 0.008 27.2)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #EFFFED

    #EFFFED

    oklch(98.3% 0.029 142.2)

  • #F4FBFF

    #F4FBFF

    oklch(98.4% 0.009 232.4)

  • #FEF7FF

    #FEF7FF

    oklch(98.4% 0.013 321.9)

  • #FFF8F4

    #FFF8F4

    oklch(98.3% 0.009 52.1)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #EFFFED

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