#B79F49#B79F49
#B79F49 is a light, moderate yellow. Relative luminance 0.353; OKLCH L 70.7% C 0.109 H 93.8°. Best body text is #000000 at 8.07:1 contrast (WCAG AA passes).
Color values
| HEX | #B79F49 |
|---|---|
| RGB | rgb(183, 159, 73) |
| HSL | hsl(47, 43%, 50%) |
| HSV | hsv(47, 60%, 72%) |
| CMYK | cmyk(0%, 13.1%, 60.1%, 28.2%) |
| CIE-LAB | lab(66.02, -1.64, 47.20) |
| CIE-LCH | lch(66.02, 47.23, 91.99°) |
| OKLab | oklab(70.65% -0.0073 0.1092) |
| OKLCH | oklch(70.65% 0.109 93.8) |
| XYZ | xyz(33.1306, 35.3462, 11.3794) |
| Luminance | 0.3534 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Sandy Brown
#C4A661
ΔE00 4.62
Desert
#CCAD60
ΔE00 5.34
Brown Yellow
#B29705
ΔE00 5.88
Dark Gold
#B59410
ΔE00 5.91
Ocher
#BF9B0C
ΔE00 6.07
Camel (survey)
#C69F59
ΔE00 6.11
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#B79F49 #4961B7
analogous
#B76849 #B79F49 #98B749
triadic
#B79F49 #49B79F #9F49B7
tetradic
#B79F49 #49B768 #4961B7 #B74998
square
#B79F49 #49B768 #4961B7 #B74998
split-complementary
#B79F49 #4998B7 #6849B7
monochromatic
#605326 #8C7937 #B79F49 #C8B675 #DACDA1
Accessibility & contrast
On white
2.60
#B79F49 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.07
#B79F49 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #B79F49
8.07:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##B79F49 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B79F49 | 1.00 | 2.60 | 8.07 | 8.07 |
| #FFFFFF | 2.60 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.07 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.07 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#AE9C40
Deuteranopia (green-blind)
#B4A44D
Tritanopia (blue-blind)
#C5948C
Achromatopsia (no color)
#A0A0A0
Design tokens & code
CSS
--color: #b79f49; /* rgb */ color: rgb(183, 159, 73); /* oklch */ color: oklch(70.7% 0.109 93.8);
Tailwind
colors: {
custom: {
50: '#cfbb7f',
500: '#b79f49',
950: '#000000',
},
}SCSS
$custom: #b79f49; $custom-light: #cfbb7f; $custom-dark: #000000;
JSON
{
"hex": "#b79f49",
"rgb": {
"r": 183,
"g": 159,
"b": 73
},
"hsl": {
"h": 46.909,
"s": 43.307,
"l": 50.196
},
"oklch": {
"l": 0.70654,
"c": 0.10947,
"h": 93.8
},
"luminance": 0.35345
}Semantic roles & 50–950 ramp
primary
#B79F49
secondary
#95A0C6
accent
#70D355
background
#FDFBF7
surface
#FAF6EE
border
#D3D0C9
text
#14110A
muted
#83807C