#F5E6FF

Color con nombre más cercano: Lavender (#E6E6FA). oklch(94.4% 0.037 312.1), rgb(245, 230, 255).

Aa

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

Sobre este color

#F5E6FF es un morado muy claro y apagado. En OKLCH, su luminosidad es 94%, su croma 0.037 y su matiz 312°. Su matiz queda entre las mitades cálida y fría de la rueda. El color con nombre más cercano es Lavender (#E6E6FA), a una distancia de ΔE 0.022. El texto negro es el que mejor se lee sobre este color, con 17.64:1.

Familia de matizMorados
Luminosidadmuy claro (94%)
Cromaapagado (0.037)
Temperaturaintermedio
Nombre más cercanoLavender (#E6E6FA)
Texto negro17.64:1
Texto blanco1.19:1

Valores

HEX#F5E6FF
RGBrgb(245, 230, 255)
HSLhsl(276, 100%, 95%)
OKLCHoklch(94.4% 0.037 312.1)

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 #F5E6FF 1.19:1 No cumple Lc -10.8 No legible
Texto negro sobre #F5E6FF 17.64:1 AAA Lc 94.3 Ideal para texto de cuerpo
Texto #F5E6FF sobre blanco 1.19:1 No cumple Lc 9.2 No legible
Texto #F5E6FF sobre negro 17.64:1 AAA Lc -95.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

    #F7F4F9

    oklch(97.1% 0.007 312.3)

  2. Paso 100

    100 (este color)

    #F5E6FF

    oklch(94.4% 0.037 312.1)

  3. Paso 200

    200

    #DFD4E6

    oklch(88.4% 0.027 312.6)

  4. Paso 300

    300

    #CBB8D7

    oklch(80.8% 0.048 312.4)

  5. Paso 400

    400

    #B193C3

    oklch(70.7% 0.076 312.6)

  6. Paso 500

    500

    #9D78B4

    oklch(63.1% 0.097 311.9)

  7. Paso 600

    600

    #8860A0

    oklch(55.6% 0.106 312)

  8. Paso 700

    700

    #734F89

    oklch(49.1% 0.099 311.7)

  9. Paso 800

    800

    #5E416F

    oklch(42.7% 0.081 312.2)

  10. Paso 900

    900

    #4D375A

    oklch(37.6% 0.064 312.3)

  11. Paso 950

    950

    #2D2135

    oklch(27.1% 0.04 311.2)

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

#F5E6FF 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)#E3EAFF0.025
Deuteranopía (sin conos verdes)#E6ECFE0.024
Tritanopía (sin conos azules)#F4E9EE0.027
Acromatopsia (sin color)#EBEBEB0.037

Armonías

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

Complementario

El matiz opuesto (180°).

  • #F5E6FF

    #F5E6FF

    oklch(94.4% 0.037 312.1)

  • #E4F2D9

    #E4F2D9

    oklch(94.4% 0.036 131.2)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #F5E6FF

    #F5E6FF

    oklch(94.4% 0.037 312.1)

  • #E9EBFF

    #E9EBFF

    oklch(94.4% 0.027 281.3)

  • #FFE3F3

    #FFE3F3

    oklch(94.3% 0.037 342.5)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #F5E6FF

    #F5E6FF

    oklch(94.4% 0.037 312.1)

  • #F1EED2

    #F1EED2

    oklch(94.4% 0.037 102.1)

  • #D8F5E5

    #D8F5E5

    oklch(94.5% 0.037 161.5)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #F5E6FF

    #F5E6FF

    oklch(94.4% 0.037 312.1)

  • #FDE9D2

    #FDE9D2

    oklch(94.4% 0.037 71.2)

  • #D1F5F3

    #D1F5F3

    oklch(94.4% 0.037 192.4)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #F5E6FF

    #F5E6FF

    oklch(94.4% 0.037 312.1)

  • #FFE7DD

    #FFE7DD

    oklch(94.5% 0.03 44)

  • #E4F2D9

    #E4F2D9

    oklch(94.4% 0.036 131.2)

  • #D3F3FF

    #D3F3FF

    oklch(94.5% 0.037 222.4)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #F5E6FF

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