#FCE9EE

Color con nombre más cercano: Misty Rose (#FFE4E1). oklch(95.1% 0.022 359.7), rgb(252, 233, 238).

Aa

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

Sobre este color

#FCE9EE es un tono muy claro cercano al gris neutro. En OKLCH, su luminosidad es 95%, 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 Misty Rose (#FFE4E1), a una distancia de ΔE 0.018. El texto negro es el que mejor se lee sobre este color, con 18.02:1.

Familia de matizNeutros
Luminosidadmuy claro (95%)
Cromacercano al gris neutro (0.022)
Temperaturaneutro
Nombre más cercanoMisty Rose (#FFE4E1)
Texto negro18.02:1
Texto blanco1.16:1

Valores

HEX#FCE9EE
RGBrgb(252, 233, 238)
HSLhsl(344, 76%, 95%)
OKLCHoklch(95.1% 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 #FCE9EE 1.16:1 No cumple Lc -9.2 No legible
Texto negro sobre #FCE9EE 18.02:1 AAA Lc 95.7 Ideal para texto de cuerpo
Texto #FCE9EE sobre blanco 1.16:1 No cumple Lc 7.8 No legible
Texto #FCE9EE sobre negro 18.02:1 AAA Lc -96.5 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

    #F8F4F5

    oklch(97.1% 0.004 360)

  2. Paso 100

    100 (este color)

    #FCE9EE

    oklch(95.1% 0.022 359.7)

  3. Paso 200

    200

    #E2D5D9

    oklch(88.5% 0.015 356.7)

  4. Paso 300

    300

    #D1BAC0

    oklch(81% 0.027 0.1)

  5. Paso 400

    400

    #B9969F

    oklch(70.8% 0.043 1.1)

  6. Paso 500

    500

    #A77B88

    oklch(63% 0.057 359.5)

  7. Paso 600

    600

    #926472

    oklch(55.6% 0.062 359.5)

  8. Paso 700

    700

    #7C535F

    oklch(49.1% 0.057 0.3)

  9. Paso 800

    800

    #65444E

    oklch(42.7% 0.048 359.5)

  10. Paso 900

    900

    #523941

    oklch(37.6% 0.037 358.1)

  11. Paso 950

    950

    #302226

    oklch(27% 0.022 359.9)

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

#FCE9EE 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)#EBECEE0.023
Deuteranopía (sin conos verdes)#EFEFEE0.022
Tritanopía (sin conos azules)#FFE8EB0.005
Acromatopsia (sin color)#EEEEEE0.022

Armonías

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

Complementario

El matiz opuesto (180°).

  • #FCE9EE

    #FCE9EE

    oklch(95.1% 0.022 359.7)

  • #E0F4EF

    #E0F4EF

    oklch(95.1% 0.022 179.2)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #FCE9EE

    #FCE9EE

    oklch(95.1% 0.022 359.7)

  • #F7EAF6

    #F7EAF6

    oklch(95.1% 0.021 328.1)

  • #FDEAE6

    #FDEAE6

    oklch(95.1% 0.021 31.8)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #FCE9EE

    #FCE9EE

    oklch(95.1% 0.022 359.7)

  • #E5F3E7

    #E5F3E7

    oklch(95% 0.022 149.7)

  • #DFF3F7

    #DFF3F7

    oklch(95.1% 0.022 211)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #FCE9EE

    #FCE9EE

    oklch(95.1% 0.022 359.7)

  • #EDF1E1

    #EDF1E1

    oklch(95.1% 0.022 118.2)

  • #E2F1FC

    #E2F1FC

    oklch(95% 0.022 239.4)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #FCE9EE

    #FCE9EE

    oklch(95.1% 0.022 359.7)

  • #F4EEDF

    #F4EEDF

    oklch(95% 0.021 88.7)

  • #E0F4EF

    #E0F4EF

    oklch(95.1% 0.022 179.2)

  • #E9EEFE

    #E9EEFE

    oklch(95% 0.022 272.1)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #FCE9EE

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