#DACBAE#DACBAE
#DACBAE es un color muy claro y apagado de la familia naranja. Luminancia relativa 0.607; OKLCH L 84.7% C 0.042 H 83.9°. El mejor color de texto es #000000 con contraste 13.13:1 (cumple WCAG AA).
Valores del color
| HEX | #DACBAE |
|---|---|
| RGB | rgb(218, 203, 174) |
| HSL | hsl(40, 37%, 77%) |
| HSV | hsv(40, 20%, 85%) |
| CMYK | cmyk(0%, 6.9%, 20.2%, 14.5%) |
| CIE-LAB | lab(82.20, 0.59, 16.37) |
| CIE-LCH | lch(82.20, 16.38, 87.95°) |
| OKLab | oklab(84.69% 0.0045 0.0422) |
| OKLCH | oklch(84.69% 0.042 83.9) |
| XYZ | xyz(57.9092, 60.6745, 48.6970) |
| Luminance | 0.6067 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Colores con nombre más cercanos
Warm Beige
#E9DCC9
ΔE00 5.38
Wheat
#F5DEB3
ΔE00 6.19
Warm Gray
#C9BEB0
ΔE00 6.26
Champagne
#F7E7CE
ΔE00 6.73
Khaki
#C3B091
ΔE00 7.02
Beige (survey)
#E6DAA6
ΔE00 7.41
Escalas perceptuales
Sombras
Matices
Tonos
OKLCH scale
Armonías de color
complementary
#DACBAE #AEBDDA
analogous
#DAB5AE #DACBAE #D3DAAE
triadic
#DACBAE #AEDACB #CBAEDA
tetradic
#DACBAE #AEDAB5 #AEBDDA #DAAED3
square
#DACBAE #AEDAB5 #AEBDDA #DAAED3
split-complementary
#DACBAE #AED3DA #B5AEDA
monochromatic
#B4955A #C7B084 #DACBAE #EDE6D8 #F5F2EA
Accesibilidad y contraste
On white
1.60
#DACBAE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.13
#DACBAE on #000000
AA ✓AA large ✓AAA ✓
Mejor color de texto
#000000 on #DACBAE
13.13:1 — WCAG AA (texto normal) cumple
Matriz de contraste
| fg \ bg | ##DACBAE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DACBAE | 1.00 | 1.60 | 13.13 | 13.13 |
| #FFFFFF | 1.60 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.13 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.13 | 21.00 | 1.00 | 1.00 |
Vista previa de daltonismo
Protanopia (red-blind)
#D3CAAC
Deuteranopia (green-blind)
#D6CEAF
Tritanopia (blue-blind)
#E2C6C3
Achromatopsia (no color)
#CCCCCC
Tokens de diseño y código
CSS
--color: #dacbae; /* rgb */ color: rgb(218, 203, 174); /* oklch */ color: oklch(84.7% 0.042 83.9);
Tailwind
colors: {
custom: {
50: '#e5dac6',
500: '#dacbae',
950: '#000000',
},
}SCSS
$custom: #dacbae; $custom-light: #e5dac6; $custom-dark: #000000;
JSON
{
"hex": "#dacbae",
"rgb": {
"r": 218,
"g": 203,
"b": 174
},
"hsl": {
"h": 39.545,
"s": 37.288,
"l": 76.863
},
"oklch": {
"l": 0.84686,
"c": 0.0424,
"h": 83.9
},
"luminance": 0.60673
}Semantic roles & 50–950 ramp
primary
#DACBAE
secondary
#7B8DB1
accent
#5FB035
background
#FEFEFD
surface
#FCFBF9
border
#D5D4D2
text
#161413
muted
#848382
Laboratorio de vista previa
Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →