#DEB74F#DEB74F
#DEB74F is a light, vivid orange. Relative luminance 0.500; OKLCH L 79.5% C 0.129 H 88.4°. Best body text is #000000 at 10.99:1 contrast (WCAG AA passes).
Color values
| HEX | #DEB74F |
|---|---|
| RGB | rgb(222, 183, 79) |
| HSL | hsl(44, 68%, 59%) |
| HSV | hsv(44, 64%, 87%) |
| CMYK | cmyk(0%, 17.6%, 64.4%, 12.9%) |
| CIE-LAB | lab(76.05, 2.72, 56.60) |
| CIE-LCH | lch(76.05, 56.67, 87.25°) |
| OKLab | oklab(79.46% 0.0035 0.1291) |
| OKLCH | oklch(79.46% 0.129 88.4) |
| XYZ | xyz(48.4715, 49.9639, 14.4866) |
| Luminance | 0.4996 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Mustard
#DBB42C
ΔE00 3.48
Desert
#CCAD60
ΔE00 5.09
Gold (survey)
#DBB40C
ΔE00 5.12
Macaroni And Cheese
#EFB435
ΔE00 5.24
Burnt Yellow
#D5AB09
ΔE00 5.37
Goldenrod
#DAA520
ΔE00 5.93
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#DEB74F #4F76DE
analogous
#DE704F #DEB74F #BEDE4F
triadic
#DEB74F #4FDEB7 #B74FDE
tetradic
#DEB74F #4FDE70 #4F76DE #DE4FBE
square
#DEB74F #4FDE70 #4F76DE #DE4FBE
split-complementary
#DEB74F #4FBEDE #704FDE
monochromatic
#96751C #CA9D26 #DEB74F #E8CC83 #F1E1B6
Accessibility & contrast
On white
1.91
#DEB74F on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.99
#DEB74F on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #DEB74F
10.99:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##DEB74F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DEB74F | 1.00 | 1.91 | 10.99 | 10.99 |
| #FFFFFF | 1.91 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.99 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.99 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#CAB543
Deuteranopia (green-blind)
#D4C053
Tritanopia (blue-blind)
#EFA9A1
Achromatopsia (no color)
#BBBBBB
Design tokens & code
CSS
--color: #deb74f; /* rgb */ color: rgb(222, 183, 79); /* oklch */ color: oklch(79.5% 0.129 88.4);
Tailwind
colors: {
custom: {
50: '#eccc85',
500: '#deb74f',
950: '#000000',
},
}SCSS
$custom: #deb74f; $custom-light: #eccc85; $custom-dark: #000000;
JSON
{
"hex": "#deb74f",
"rgb": {
"r": 222,
"g": 183,
"b": 79
},
"hsl": {
"h": 43.636,
"s": 68.421,
"l": 59.02
},
"oklch": {
"l": 0.79457,
"c": 0.12912,
"h": 88.4
},
"luminance": 0.49961
}Semantic roles & 50–950 ramp
primary
#DEB74F
secondary
#A8B8E0
accent
#6CEB3D
background
#FEFCF8
surface
#FDF8EF
border
#D5D1CA
text
#17130B
muted
#85827C