#B79C29#B79C29
#B79C29 is a light, vivid yellow. Relative luminance 0.340; OKLCH L 69.7% C 0.130 H 95.1°. Best body text is #000000 at 7.80:1 contrast (WCAG AA passes).
Color values
| HEX | #B79C29 |
|---|---|
| RGB | rgb(183, 156, 41) |
| HSL | hsl(49, 63%, 44%) |
| HSV | hsv(49, 78%, 72%) |
| CMYK | cmyk(0%, 14.8%, 77.6%, 28.2%) |
| CIE-LAB | lab(64.97, -1.82, 59.53) |
| CIE-LCH | lch(64.97, 59.56, 91.75°) |
| OKLab | oklab(69.74% -0.0115 0.1299) |
| OKLCH | oklch(69.74% 0.13 95.1) |
| XYZ | xyz(31.8189, 34.0061, 6.9853) |
| Luminance | 0.3400 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Brown Yellow
#B29705
ΔE00 2.37
Dark Gold
#B59410
ΔE00 2.95
Ocher
#BF9B0C
ΔE00 2.99
Yellow Brown
#B79400
ΔE00 3.44
Baby Shit Brown
#AD900D
ΔE00 3.84
Baby Poo
#AB9004
ΔE00 4.02
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#B79C29 #2944B7
analogous
#B75529 #B79C29 #8BB729
triadic
#B79C29 #29B79C #9C29B7
tetradic
#B79C29 #29B755 #2944B7 #B7298B
square
#B79C29 #29B755 #2944B7 #B7298B
split-complementary
#B79C29 #298BB7 #5529B7
monochromatic
#534713 #85711E #B79C29 #D6BB47 #E1CD79
Accessibility & contrast
On white
2.69
#B79C29 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.80
#B79C29 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #B79C29
7.80:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##B79C29 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B79C29 | 1.00 | 2.69 | 7.80 | 7.80 |
| #FFFFFF | 2.69 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.80 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.80 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#AD9911
Deuteranopia (green-blind)
#B4A131
Tritanopia (blue-blind)
#C68F86
Achromatopsia (no color)
#9E9E9E
Design tokens & code
CSS
--color: #b79c29; /* rgb */ color: rgb(183, 156, 41); /* oklch */ color: oklch(69.7% 0.130 95.1);
Tailwind
colors: {
custom: {
50: '#d1b86c',
500: '#b79c29',
950: '#000000',
},
}SCSS
$custom: #b79c29; $custom-light: #d1b86c; $custom-dark: #000000;
JSON
{
"hex": "#b79c29",
"rgb": {
"r": 183,
"g": 156,
"b": 41
},
"hsl": {
"h": 48.592,
"s": 63.393,
"l": 43.922
},
"oklch": {
"l": 0.69744,
"c": 0.13044,
"h": 95.1
},
"luminance": 0.34004
}Semantic roles & 50–950 ramp
primary
#B79C29
secondary
#7383C9
accent
#61E641
background
#FDFBF6
surface
#FAF6EC
border
#D3D0C7
text
#151107
muted
#83807A