#DACBB1#DACBB1
#DACBB1 es un color muy claro y apagado de la familia naranja. Luminancia relativa 0.608; OKLCH L 84.8% C 0.039 H 81.5°. El mejor color de texto es #000000 con contraste 13.16:1 (cumple WCAG AA).
Valores del color
| HEX | #DACBB1 |
|---|---|
| RGB | rgb(218, 203, 177) |
| HSL | hsl(38, 36%, 77%) |
| HSV | hsv(38, 19%, 85%) |
| CMYK | cmyk(0%, 6.9%, 18.8%, 14.5%) |
| CIE-LAB | lab(82.27, 1.03, 14.86) |
| CIE-LCH | lch(82.27, 14.90, 86.03°) |
| OKLab | oklab(84.76% 0.0058 0.0384) |
| OKLCH | oklch(84.76% 0.039 81.5) |
| XYZ | xyz(58.2050, 60.7928, 50.2545) |
| Luminance | 0.6079 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Colores con nombre más cercanos
Warm Beige
#E9DCC9
ΔE00 4.73
Warm Gray
#C9BEB0
ΔE00 5.45
Champagne
#F7E7CE
ΔE00 6.49
Wheat
#F5DEB3
ΔE00 6.72
Khaki
#C3B091
ΔE00 7.16
Bisque
#FFE4C4
ΔE00 7.59
Escalas perceptuales
Sombras
Matices
Tonos
OKLCH scale
Armonías de color
complementary
#DACBB1 #B1C0DA
analogous
#DAB7B1 #DACBB1 #D4DAB1
triadic
#DACBB1 #B1DACB #CBB1DA
tetradic
#DACBB1 #B1DAB7 #B1C0DA #DAB1D4
square
#DACBB1 #B1DAB7 #B1C0DA #DAB1D4
split-complementary
#DACBB1 #B1D4DA #B7B1DA
monochromatic
#B3945E #C6AF87 #DACBB1 #EEE7DB #F5F1EA
Accesibilidad y contraste
On white
1.60
#DACBB1 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.16
#DACBB1 on #000000
AA ✓AA large ✓AAA ✓
Mejor color de texto
#000000 on #DACBB1
13.16:1 — WCAG AA (texto normal) cumple
Matriz de contraste
| fg \ bg | ##DACBB1 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DACBB1 | 1.00 | 1.60 | 13.16 | 13.16 |
| #FFFFFF | 1.60 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.16 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.16 | 21.00 | 1.00 | 1.00 |
Vista previa de daltonismo
Protanopia (red-blind)
#D2CAAF
Deuteranopia (green-blind)
#D6CEB2
Tritanopia (blue-blind)
#E1C6C4
Achromatopsia (no color)
#CDCDCD
Tokens de diseño y código
CSS
--color: #dacbb1; /* rgb */ color: rgb(218, 203, 177); /* oklch */ color: oklch(84.8% 0.039 81.5);
Tailwind
colors: {
custom: {
50: '#e5dac8',
500: '#dacbb1',
950: '#000000',
},
}SCSS
$custom: #dacbb1; $custom-light: #e5dac8; $custom-dark: #000000;
JSON
{
"hex": "#dacbb1",
"rgb": {
"r": 218,
"g": 203,
"b": 177
},
"hsl": {
"h": 38.049,
"s": 35.652,
"l": 77.451
},
"oklch": {
"l": 0.84757,
"c": 0.03884,
"h": 81.5
},
"luminance": 0.60792
}Semantic roles & 50–950 ramp
primary
#DACBB1
secondary
#7E91B1
accent
#63AF37
background
#FEFEFD
surface
#FCFBF9
border
#D5D4D2
text
#161413
muted
#848382
Laboratorio de vista previa
Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →