#DAB079#DAB079
#DAB079 es un color claro y moderadamente saturado de la familia naranja. Luminancia relativa 0.473; OKLCH L 78.2% C 0.087 H 73.5°. El mejor color de texto es #000000 con contraste 10.47:1 (cumple WCAG AA).
Valores del color
| HEX | #DAB079 |
|---|---|
| RGB | rgb(218, 176, 121) |
| HSL | hsl(34, 57%, 66%) |
| HSV | hsv(34, 44%, 85%) |
| CMYK | cmyk(0%, 19.3%, 44.5%, 14.5%) |
| CIE-LAB | lab(74.41, 8.19, 33.90) |
| CIE-LCH | lch(74.41, 34.87, 76.42°) |
| OKLab | oklab(78.24% 0.0246 0.0831) |
| OKLCH | oklch(78.24% 0.087 73.5) |
| XYZ | xyz(47.8917, 47.3391, 24.7002) |
| Luminance | 0.4734 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Colores con nombre más cercanos
Burlywood
#DEB887
ΔE00 2.50
Fawn
#CFAF7B
ΔE00 3.01
Very Light Brown
#D3B683
ΔE00 3.96
Tan
#D2B48C
ΔE00 4.35
Toupe
#C7AC7D
ΔE00 4.79
Tan (survey)
#D1B26F
ΔE00 5.05
Escalas perceptuales
Sombras
Matices
Tonos
OKLCH scale
Armonías de color
complementary
#DAB079 #79A3DA
analogous
#DA8079 #DAB079 #D3DA79
triadic
#DAB079 #79DAB0 #B079DA
tetradic
#DAB079 #79DA80 #79A3DA #DA79D3
square
#DAB079 #79DA80 #79A3DA #DA79D3
split-complementary
#DAB079 #79D3DA #8079DA
monochromatic
#AA752F #CD9449 #DAB079 #E7CCA9 #F4E9D9
Accesibilidad y contraste
On white
2.01
#DAB079 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.47
#DAB079 on #000000
AA ✓AA large ✓AAA ✓
Mejor color de texto
#000000 on #DAB079
10.47:1 — WCAG AA (texto normal) cumple
Matriz de contraste
| fg \ bg | ##DAB079 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DAB079 | 1.00 | 2.01 | 10.47 | 10.47 |
| #FFFFFF | 2.01 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.47 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.47 | 21.00 | 1.00 | 1.00 |
Vista previa de daltonismo
Protanopia (red-blind)
#C0B175
Deuteranopia (green-blind)
#CABB7A
Tritanopia (blue-blind)
#E9A5A2
Achromatopsia (no color)
#B7B7B7
Tokens de diseño y código
CSS
--color: #dab079; /* rgb */ color: rgb(218, 176, 121); /* oklch */ color: oklch(78.2% 0.087 73.5);
Tailwind
colors: {
custom: {
50: '#e7c7a0',
500: '#dab079',
950: '#000000',
},
}SCSS
$custom: #dab079; $custom-light: #e7c7a0; $custom-dark: #000000;
JSON
{
"hex": "#dab079",
"rgb": {
"r": 218,
"g": 176,
"b": 121
},
"hsl": {
"h": 34.021,
"s": 56.725,
"l": 66.471
},
"oklch": {
"l": 0.78243,
"c": 0.08668,
"h": 73.5
},
"luminance": 0.47337
}Semantic roles & 50–950 ramp
primary
#DAB079
secondary
#C8D5E7
accent
#68C421
background
#FEFCF9
surface
#FDF8F2
border
#D5D1CC
text
#16130F
muted
#84827E
Laboratorio de vista previa
Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →