#DACAD2#DACAD2
#DACAD2 es un color muy claro y apagado de la familia rosa. Luminancia relativa 0.618; OKLCH L 85.4% C 0.021 H 345.8°. El mejor color de texto es #000000 con contraste 13.36:1 (cumple WCAG AA).
Valores del color
| HEX | #DACAD2 |
|---|---|
| RGB | rgb(218, 202, 210) |
| HSL | hsl(330, 18%, 82%) |
| HSV | hsv(330, 7%, 85%) |
| CMYK | cmyk(0%, 7.3%, 3.7%, 14.5%) |
| CIE-LAB | lab(82.81, 6.96, -1.96) |
| CIE-LCH | lch(82.81, 7.23, 344.26°) |
| OKLab | oklab(85.44% 0.0201 -0.0051) |
| OKLCH | oklch(85.44% 0.021 345.8) |
| XYZ | xyz(61.6653, 61.8003, 69.6404) |
| Luminance | 0.6180 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Colores con nombre más cercanos
Thistle
#D8BFD8
ΔE00 7.28
Lavenderblush
#FFF0F5
ΔE00 8.50
Mistyrose
#FFE4E1
ΔE00 8.51
Light Gray
#D3D3D3
ΔE00 8.65
Gainsboro
#DCDCDC
ΔE00 9.16
Silver
#C0C0C0
ΔE00 9.26
Escalas perceptuales
Sombras
Matices
Tonos
OKLCH scale
Armonías de color
complementary
#DACAD2 #CADAD2
analogous
#DACADA #DACAD2 #DACACA
triadic
#DACAD2 #D2DACA #CAD2DA
tetradic
#DACAD2 #DADACA #CADAD2 #CACADA
square
#DACAD2 #DADACA #CADAD2 #CACADA
split-complementary
#DACAD2 #CADACA #CADADA
monochromatic
#A88295 #C1A6B3 #DACAD2 #F2EDF0 #F2EDF0
Accesibilidad y contraste
On white
1.57
#DACAD2 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.36
#DACAD2 on #000000
AA ✓AA large ✓AAA ✓
Mejor color de texto
#000000 on #DACAD2
13.36:1 — WCAG AA (texto normal) cumple
Matriz de contraste
| fg \ bg | ##DACAD2 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DACAD2 | 1.00 | 1.57 | 13.36 | 13.36 |
| #FFFFFF | 1.57 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.36 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.36 | 21.00 | 1.00 | 1.00 |
Vista previa de daltonismo
Protanopia (red-blind)
#CBCDD2
Deuteranopia (green-blind)
#CECFD2
Tritanopia (blue-blind)
#DDCACD
Achromatopsia (no color)
#CECECE
Tokens de diseño y código
CSS
--color: #dacad2; /* rgb */ color: rgb(218, 202, 210); /* oklch */ color: oklch(85.4% 0.021 345.8);
Tailwind
colors: {
custom: {
50: '#e5dadf',
500: '#dacad2',
950: '#000000',
},
}SCSS
$custom: #dacad2; $custom-light: #e5dadf; $custom-dark: #000000;
JSON
{
"hex": "#dacad2",
"rgb": {
"r": 218,
"g": 202,
"b": 210
},
"hsl": {
"h": 330,
"s": 17.778,
"l": 82.353
},
"oklch": {
"l": 0.85442,
"c": 0.02078,
"h": 345.8
},
"luminance": 0.618
}Semantic roles & 50–950 ramp
primary
#DACAD2
secondary
#99AFA4
accent
#9C7349
background
#FEFEFE
surface
#FCFBFC
border
#D5D4D5
text
#151415
muted
#848384
Laboratorio de vista previa
Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →