#EFD9E2#EFD9E2
#EFD9E2 es un color muy claro y apagado de la familia rosa. Luminancia relativa 0.735; OKLCH L 90.6% C 0.027 H 350.9°. El mejor color de texto es #000000 con contraste 15.69:1 (cumple WCAG AA).
Valores del color
| HEX | #EFD9E2 |
|---|---|
| RGB | rgb(239, 217, 226) |
| HSL | hsl(335, 41%, 89%) |
| HSV | hsv(335, 9%, 94%) |
| CMYK | cmyk(0%, 9.2%, 5.4%, 6.3%) |
| CIE-LAB | lab(88.67, 9.09, -1.65) |
| CIE-LCH | lch(88.67, 9.24, 349.70°) |
| OKLab | oklab(90.58% 0.0266 -0.0042) |
| OKLCH | oklch(90.58% 0.027 350.9) |
| XYZ | xyz(74.1354, 73.4685, 82.2122) |
| Luminance | 0.7347 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Colores con nombre más cercanos
Lavenderblush
#FFF0F5
ΔE00 5.58
Mistyrose
#FFE4E1
ΔE00 5.78
Light Pink
#FFD1DF
ΔE00 7.09
Pale Pink
#FFCFDC
ΔE00 7.53
Thistle
#D8BFD8
ΔE00 8.25
Very Light Pink
#FFF4F2
ΔE00 8.64
Escalas perceptuales
Sombras
Matices
Tonos
OKLCH scale
Armonías de color
complementary
#EFD9E2 #D9EFE6
analogous
#EFD9ED #EFD9E2 #EFDBD9
triadic
#EFD9E2 #E2EFD9 #D9E2EF
tetradic
#EFD9E2 #EDEFD9 #D9EFE6 #DBD9EF
square
#EFD9E2 #EDEFD9 #D9EFE6 #DBD9EF
split-complementary
#EFD9E2 #D9EFDB #D9EDEF
monochromatic
#CB83A0 #DDAEC1 #EFD9E2 #F6E9EF #F6E9EF
Accesibilidad y contraste
On white
1.34
#EFD9E2 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.69
#EFD9E2 on #000000
AA ✓AA large ✓AAA ✓
Mejor color de texto
#000000 on #EFD9E2
15.69:1 — WCAG AA (texto normal) cumple
Matriz de contraste
| fg \ bg | ##EFD9E2 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EFD9E2 | 1.00 | 1.34 | 15.69 | 15.69 |
| #FFFFFF | 1.34 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.69 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.69 | 21.00 | 1.00 | 1.00 |
Vista previa de daltonismo
Protanopia (red-blind)
#DBDDE2
Deuteranopia (green-blind)
#DFE0E1
Tritanopia (blue-blind)
#F3D9DC
Achromatopsia (no color)
#DFDFDF
Tokens de diseño y código
CSS
--color: #efd9e2; /* rgb */ color: rgb(239, 217, 226); /* oklch */ color: oklch(90.6% 0.027 350.9);
Tailwind
colors: {
custom: {
50: '#f4e4eb',
500: '#efd9e2',
950: '#000000',
},
}SCSS
$custom: #efd9e2; $custom-light: #f4e4eb; $custom-dark: #000000;
JSON
{
"hex": "#efd9e2",
"rgb": {
"r": 239,
"g": 217,
"b": 226
},
"hsl": {
"h": 335.455,
"s": 40.741,
"l": 89.412
},
"oklch": {
"l": 0.90578,
"c": 0.02695,
"h": 350.9
},
"luminance": 0.73467
}Semantic roles & 50–950 ramp
primary
#EFD9E2
secondary
#A1CBBA
accent
#B47F32
background
#FFFEFE
surface
#FEFCFD
border
#D6D5D5
text
#171516
muted
#858484
Laboratorio de vista previa
Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →