#797B58#797B58
#797B58 is a mid, muted yellow. Relative luminance 0.189; OKLCH L 57.2% C 0.051 H 110.6°. Best body text is #000000 at 4.79:1 contrast (WCAG AA passes).
Color values
| HEX | #797B58 |
|---|---|
| RGB | rgb(121, 123, 88) |
| HSL | hsl(63, 17%, 41%) |
| HSV | hsv(63, 28%, 48%) |
| CMYK | cmyk(1.6%, 0%, 28.5%, 51.8%) |
| CIE-LAB | lab(50.61, -6.91, 18.95) |
| CIE-LCH | lch(50.61, 20.17, 110.03°) |
| OKLab | oklab(57.18% -0.0179 0.0476) |
| OKLCH | oklch(57.18% 0.051 110.6) |
| XYZ | xyz(16.7296, 18.9356, 12.0043) |
| Luminance | 0.1893 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Drab
#828344
ΔE00 7.32
Brown Grey
#8D8468
ΔE00 7.35
Olive Drab
#6F7632
ΔE00 8.34
Military Green
#667C3E
ΔE00 8.46
Grey Brown
#7F7053
ΔE00 9.06
Muddy Green
#657432
ΔE00 9.08
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#797B58 #5A587B
analogous
#7B6C58 #797B58 #687B58
triadic
#797B58 #58797B #7B5879
tetradic
#797B58 #587B6C #5A587B #7B5868
square
#797B58 #587B6C #5A587B #7B5868
split-complementary
#797B58 #58687B #6C587B
monochromatic
#333425 #56573E #797B58 #9A9C74 #B4B598
Accessibility & contrast
On white
4.39
#797B58 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.79
#797B58 on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #797B58
4.79:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##797B58 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##797B58 | 1.00 | 4.39 | 4.79 | 4.79 |
| #FFFFFF | 4.39 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.79 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.79 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#807856
Deuteranopia (green-blind)
#817959
Tritanopia (blue-blind)
#7E7772
Achromatopsia (no color)
#787878
Design tokens & code
CSS
--color: #797b58; /* rgb */ color: rgb(121, 123, 88); /* oklch */ color: oklch(57.2% 0.051 110.6);
Tailwind
colors: {
custom: {
50: '#a0a187',
500: '#797b58',
950: '#000000',
},
}SCSS
$custom: #797b58; $custom-light: #a0a187; $custom-dark: #000000;
JSON
{
"hex": "#797b58",
"rgb": {
"r": 121,
"g": 123,
"b": 88
},
"hsl": {
"h": 63.429,
"s": 16.588,
"l": 41.373
},
"oklch": {
"l": 0.57179,
"c": 0.05085,
"h": 110.6
},
"luminance": 0.18935
}Semantic roles & 50–950 ramp
primary
#797B58
secondary
#8D8BA3
accent
#6EB973
background
#F9F9F8
surface
#F2F2EF
border
#CCCCCA
text
#0E0E0B
muted
#7E7E7C