#D47CAE#D47CAE
#D47CAE es un color claro y vivo de la familia rosa. Luminancia relativa 0.315; OKLCH L 69.6% C 0.125 H 345.7°. El mejor color de texto es #000000 con contraste 7.29:1 (cumple WCAG AA).
Valores del color
| HEX | #D47CAE |
|---|---|
| RGB | rgb(212, 124, 174) |
| HSL | hsl(326, 51%, 66%) |
| HSV | hsv(326, 42%, 83%) |
| CMYK | cmyk(0%, 41.5%, 17.9%, 16.9%) |
| CIE-LAB | lab(62.90, 40.74, -11.71) |
| CIE-LCH | lch(62.90, 42.39, 343.96°) |
| OKLab | oklab(69.63% 0.1209 -0.0308) |
| OKLCH | oklch(69.63% 0.125 345.7) |
| XYZ | xyz(41.9996, 31.4711, 43.8986) |
| Luminance | 0.3147 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Colores con nombre más cercanos
Pale Magenta
#D767AD
ΔE00 5.14
Palevioletred
#DB7093
ΔE00 6.91
Dull Pink
#D5869D
ΔE00 7.16
Bubblegum (survey)
#FF6CB5
ΔE00 7.40
Pink (survey)
#FF81C0
ΔE00 7.41
Orchid (survey)
#C875C4
ΔE00 7.51
Escalas perceptuales
Sombras
Matices
Tonos
OKLCH scale
Armonías de color
complementary
#D47CAE #7CD4A2
analogous
#CE7CD4 #D47CAE #D47C82
triadic
#D47CAE #AED47C #7CAED4
tetradic
#D47CAE #D4CE7C #7CD4A2 #7C82D4
square
#D47CAE #D4CE7C #7CD4A2 #7C82D4
split-complementary
#D47CAE #82D47C #7CD4CE
monochromatic
#A13572 #C54E92 #D47CAE #E3AACA #F2D8E7
Accesibilidad y contraste
On white
2.88
#D47CAE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.29
#D47CAE on #000000
AA ✓AA large ✓AAA ✓
Mejor color de texto
#000000 on #D47CAE
7.29:1 — WCAG AA (texto normal) cumple
Matriz de contraste
| fg \ bg | ##D47CAE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D47CAE | 1.00 | 2.88 | 7.29 | 7.29 |
| #FFFFFF | 2.88 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.29 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.29 | 21.00 | 1.00 | 1.00 |
Vista previa de daltonismo
Protanopia (red-blind)
#838FB0
Deuteranopia (green-blind)
#999EAC
Tritanopia (blue-blind)
#DF7B8E
Achromatopsia (no color)
#989898
Tokens de diseño y código
CSS
--color: #d47cae; /* rgb */ color: rgb(212, 124, 174); /* oklch */ color: oklch(69.6% 0.125 345.7);
Tailwind
colors: {
custom: {
50: '#e3a4c6',
500: '#d47cae',
950: '#000000',
},
}SCSS
$custom: #d47cae; $custom-light: #e3a4c6; $custom-dark: #000000;
JSON
{
"hex": "#d47cae",
"rgb": {
"r": 212,
"g": 124,
"b": 174
},
"hsl": {
"h": 325.909,
"s": 50.575,
"l": 65.882
},
"oklch": {
"l": 0.69633,
"c": 0.12476,
"h": 345.7
},
"luminance": 0.31468
}Semantic roles & 50–950 ramp
primary
#D47CAE
secondary
#C7E4D4
accent
#BE6828
background
#FEFAFC
surface
#FCF4F8
border
#D5CED1
text
#160F13
muted
#847F82
Laboratorio de vista previa
Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →