Light Lavendar #EFC0FE
Light Lavendar es un morado claro y moderadamente saturado, con código hex #EFC0FE y RGB rgb(239, 192, 254).
Aa
El texto negro es el que mejor se lee sobre este color (13.64:1).
Sobre este color
#EFC0FE es un morado claro y moderadamente saturado. En OKLCH, su luminosidad es 87%, su croma 0.098 y su matiz 318°. Su matiz queda entre las mitades cálida y fría de la rueda. Es el color con nombre Light Lavendar. El texto negro es el que mejor se lee sobre este color, con 13.64:1.
| Familia de matiz | Morados |
| Luminosidad | claro (87%) |
| Croma | moderadamente saturado (0.098) |
| Temperatura | intermedio |
| Nombre más cercano | Light Lavendar |
| Texto negro | 13.64:1 |
| Texto blanco | 1.53:1 |
Colores que combinan con Light Lavendar
Combinaciones obtenidas al rotar Light Lavendar por la rueda de matiz de OKLCH, cada una con el nombre más cercano de nuestra lista.
Complementario
El matiz opuesto (180°).
Análogo
Matices vecinos, 30° a cada lado.
Triádico
Tres matices separados por 120°.
Paletas de colores con Light Lavendar
Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Light Lavendar, de la más cercana a la más lejana.
Colores con nombre similares
Los ocho colores con nombre más cercanos a Light Lavendar, con su distancia ΔE.
- Light Lilac #EDC8FF ΔE 0.019
- Light Lavender #DFC5FE ΔE 0.025
- Pale Lilac #E4CBFF ΔE 0.030
- Pale Lavender #EECFFE ΔE 0.037
- Very Light Purple #F6CEFC ΔE 0.038
- Pale Mauve #FED0FC ΔE 0.049
- Light Violet #D6B4FC ΔE 0.050
- Thistle #D8BFD8 ΔE 0.065
Más sobre Light Lavendar
Cómo hacer Light Lavendar
Una receta inicial con colores de pintura comunes, calculada con un modelo espectral de pintura (el modo pintura del mezclador). Los pigmentos reales varían: mezcla primero una pequeña prueba y ajusta.
- 3 partes de blanco
- 1 parte de morado
Resultado de la receta: #E4BFEE, una diferencia de ΔE 0.029 respecto a Light Lavendar. Es muy parecido: la mayoría de la gente no notará la diferencia.
Códigos de Light Lavendar en todos los formatos
| HEX | #EFC0FE |
| RGB | rgb(239, 192, 254) |
| HSL | hsl(285, 97%, 87%) |
| OKLCH | oklch(86.9% 0.098 317.9) |
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ón | WCAG 2 | Resultado | APCA | Guía APCA |
|---|---|---|---|---|
| Texto blanco sobre #EFC0FE | 1.53:1 | No cumple | Lc -28.1 | Solo divisores y decoración |
| Texto negro sobre #EFC0FE | 13.64:1 | AAA | Lc 78.9 | Bueno para texto de cuerpo |
| Texto #EFC0FE sobre blanco | 1.53:1 | No cumple | Lc 24.9 | Solo divisores y decoración |
| Texto #EFC0FE sobre negro | 13.64:1 | AAA | Lc -78.3 | Bueno para texto de cuerpo |
Tonos y tintes de Light Lavendar
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 200.
-
Paso 50
50
#FAF2FD
oklch(97% 0.017 316.9)
-
Paso 100
100
#F4E3FA
oklch(93.6% 0.036 317.3)
-
Paso 200
200 (este color)
#EFC0FE
oklch(86.9% 0.098 317.9)
-
Paso 300
300
#E2A6F5
oklch(80.8% 0.126 317.9)
-
Paso 400
400
#D371F0
oklch(70.8% 0.2 318)
-
Paso 500
500
#C63EEB
oklch(63.2% 0.257 317.9)
-
Paso 600
600
#AF00D6
oklch(55.6% 0.27 317.7)
-
Paso 700
700
#9400B5
oklch(49.1% 0.238 317.8)
-
Paso 800
800
#7A0096
oklch(42.7% 0.207 317.7)
-
Paso 900
900
#641179
oklch(37.8% 0.167 318.1)
-
Paso 950
950
#3B0E47
oklch(27.1% 0.106 318.2)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
Light Lavendar 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ón | Se ve como | Cambio (ΔE) |
|---|---|---|
| Protanopía (sin conos rojos) | #B9CDFF | 0.078 |
| Deuteranopía (sin conos verdes) | #C3D2FC | 0.073 |
| Tritanopía (sin conos azules) | #EFC7D6 | 0.064 |
| Acromatopsia (sin color) | #D0D0D0 | 0.098 |
Usa Light Lavendar 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.