#E4A6EC

Color con nombre más cercano: Plum (#DDA0DD). oklch(80.6% 0.117 322.7), rgb(228, 166, 236).

Aa

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

Sobre este color

#E4A6EC es un morado claro y moderadamente saturado. En OKLCH, su luminosidad es 81%, su croma 0.117 y su matiz 323°. Su matiz queda entre las mitades cálida y fría de la rueda. El color con nombre más cercano es Plum (#DDA0DD), a una distancia de ΔE 0.026. El texto negro es el que mejor se lee sobre este color, con 10.96:1.

Familia de matizMorados
Luminosidadclaro (81%)
Cromamoderadamente saturado (0.117)
Temperaturaintermedio
Nombre más cercanoPlum (#DDA0DD)
Texto negro10.96:1
Texto blanco1.91:1

Valores

HEX#E4A6EC
RGBrgb(228, 166, 236)
HSLhsl(293, 65%, 79%)
OKLCHoklch(80.6% 0.117 322.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 #E4A6EC 1.91:1 No cumple Lc -40.8 Elementos que no son texto, texto de marcador de posición
Texto negro sobre #E4A6EC 10.96:1 AAA Lc 67.4 Texto de contenido, no para lecturas largas
Texto #E4A6EC sobre blanco 1.91:1 No cumple Lc 36.5 Elementos que no son texto, texto de marcador de posición
Texto #E4A6EC sobre negro 10.96:1 AAA Lc -66.0 Texto de contenido, no para lecturas largas

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 300.

  1. Paso 50

    50

    #FBF2FC

    oklch(97.1% 0.016 322.7)

  2. Paso 100

    100

    #F5E3F7

    oklch(93.6% 0.033 322.8)

  3. Paso 200

    200

    #EECBF3

    oklch(88.4% 0.066 322.1)

  4. Paso 300

    300 (este color)

    #E4A6EC

    oklch(80.6% 0.117 322.7)

  5. Paso 400

    400

    #D672E4

    oklch(70.7% 0.189 322.6)

  6. Paso 500

    500

    #C943DB

    oklch(63.1% 0.239 322.7)

  7. Paso 600

    600

    #B408C9

    oklch(55.6% 0.26 322.4)

  8. Paso 700

    700

    #9900AA

    oklch(49.1% 0.232 322.8)

  9. Paso 800

    800

    #7E038C

    oklch(42.7% 0.2 322.9)

  10. Paso 900

    900

    #661570

    oklch(37.7% 0.156 323)

  11. Paso 950

    950

    #3C1042

    oklch(27.1% 0.099 322.7)

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

#E4A6EC 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)#9FB7EF0.102
Deuteranopía (sin conos verdes)#AEBEEA0.094
Tritanopía (sin conos azules)#E6ADBF0.072
Acromatopsia (sin color)#BBBBBB0.118

Armonías

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

Complementario

El matiz opuesto (180°).

  • #E4A6EC

    #E4A6EC

    oklch(80.6% 0.117 322.7)

  • #92D38D

    #92D38D

    oklch(80.5% 0.117 142.7)

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

  • #E4A6EC

    #E4A6EC

    oklch(80.6% 0.117 322.7)

  • #C2B3FF

    #C2B3FF

    oklch(80.7% 0.107 292.9)

  • #FAA0C7

    #FAA0C7

    oklch(80.7% 0.116 352.5)

Abre la paleta análoga en el generador

Complementario dividido

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

  • #E4A6EC

    #E4A6EC

    oklch(80.6% 0.117 322.7)

  • #C1C86B

    #C1C86B

    oklch(80.7% 0.117 112.5)

  • #63D8B8

    #63D8B8

    oklch(80.6% 0.117 172.7)

Abre la paleta complementaria dividida en el generador

Triádico

Tres matices separados por 120°.

  • #E4A6EC

    #E4A6EC

    oklch(80.6% 0.117 322.7)

  • #E5B962

    #E5B962

    oklch(80.8% 0.117 82.8)

  • #4CD6E1

    #4CD6E1

    oklch(80.7% 0.117 202.7)

Abre la paleta triádica en el generador

Cuadrado

Cuatro matices separados por 90°.

  • #E4A6EC

    #E4A6EC

    oklch(80.6% 0.117 322.7)

  • #FBAA77

    #FBAA77

    oklch(80.6% 0.116 52.6)

  • #92D38D

    #92D38D

    oklch(80.5% 0.117 142.7)

  • #69CDFF

    #69CDFF

    oklch(80.7% 0.117 232.5)

Abre la paleta cuadrada en el generador

Paletas y degradados que usan #E4A6EC

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