#FFE2DB

Color con nombre más cercano: Misty Rose (#FFE4E1). oklch(93.5% 0.034 33.8), rgb(255, 226, 219).

Aa

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

Sobre este color

#FFE2DB es un rosa muy claro y apagado. En OKLCH, su luminosidad es 93%, su croma 0.034 y su matiz 34°. Su matiz está del lado cálido de la rueda cromática. El color con nombre más cercano es Misty Rose (#FFE4E1), a una distancia de ΔE 0.008. El texto negro es el que mejor se lee sobre este color, con 17.15:1.

Familia de matizRosas
Luminosidadmuy claro (93%)
Cromaapagado (0.034)
Temperaturacálido
Nombre más cercanoMisty Rose (#FFE4E1)
Texto negro17.15:1
Texto blanco1.22:1

Valores

HEX#FFE2DB
RGBrgb(255, 226, 219)
HSLhsl(12, 100%, 93%)
OKLCHoklch(93.5% 0.034 33.8)

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 #FFE2DB 1.22:1 No cumple Lc -12.9 No legible
Texto negro sobre #FFE2DB 17.15:1 AAA Lc 92.5 Ideal para texto de cuerpo
Texto #FFE2DB sobre blanco 1.22:1 No cumple Lc 11.1 No legible
Texto #FFE2DB sobre negro 17.15:1 AAA Lc -93.0 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 100.

  1. Paso 50

    50

    #F9F4F3

    oklch(97.1% 0.006 31.1)

  2. Paso 100

    100 (este color)

    #FFE2DB

    oklch(93.5% 0.034 33.8)

  3. Paso 200

    200

    #E8D4CF

    oklch(88.5% 0.023 34.3)

  4. Paso 300

    300

    #DBB7AF

    oklch(80.9% 0.043 32.6)

  5. Paso 400

    400

    #C89185

    oklch(70.7% 0.07 32.6)

  6. Paso 500

    500

    #B87666

    oklch(63.1% 0.087 34.3)

  7. Paso 600

    600

    #A45D4D

    oklch(55.6% 0.097 33.6)

  8. Paso 700

    700

    #8C4D3E

    oklch(49.2% 0.089 34.4)

  9. Paso 800

    800

    #723F34

    oklch(42.7% 0.074 33.1)

  10. Paso 900

    900

    #5C362D

    oklch(37.7% 0.057 34.1)

  11. Paso 950

    950

    #36201B

    oklch(27% 0.036 33.4)

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

#FFE2DB 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)#E8E5DB0.032
Deuteranopía (sin conos verdes)#EFEADB0.029
Tritanopía (sin conos azules)#FFDEE00.014
Acromatopsia (sin color)#E8E8E80.034

Armonías

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

Complementario

El matiz opuesto (180°).

  • #FFE2DB

    #FFE2DB

    oklch(93.5% 0.034 33.8)

  • #D1F0F7

    #D1F0F7

    oklch(93.5% 0.034 212.9)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #FFE2DB

    #FFE2DB

    oklch(93.5% 0.034 33.8)

  • #FEE1E7

    #FEE1E7

    oklch(93.5% 0.033 3.7)

  • #FAE5D3

    #FAE5D3

    oklch(93.4% 0.033 63)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #FFE2DB

    #FFE2DB

    oklch(93.5% 0.034 33.8)

  • #D2F1EC

    #D2F1EC

    oklch(93.4% 0.033 184.9)

  • #D7EDFF

    #D7EDFF

    oklch(93.5% 0.034 242.7)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #FFE2DB

    #FFE2DB

    oklch(93.5% 0.034 33.8)

  • #D9F0DF

    #D9F0DF

    oklch(93.4% 0.033 153.7)

  • #E2E8FF

    #E2E8FF

    oklch(93.3% 0.032 274.1)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #FFE2DB

    #FFE2DB

    oklch(93.5% 0.034 33.8)

  • #E5EED5

    #E5EED5

    oklch(93.6% 0.034 123.2)

  • #D1F0F7

    #D1F0F7

    oklch(93.5% 0.034 212.9)

  • #EEE4FC

    #EEE4FC

    oklch(93.4% 0.034 304.5)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #FFE2DB

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