#79801A#79801A
#79801A is a mid, moderate yellow. Relative luminance 0.196; OKLCH L 57.5% C 0.119 H 113.6°. Best body text is #000000 at 4.92:1 contrast (WCAG AA passes).
Color values
| HEX | #79801A |
|---|---|
| RGB | rgb(121, 128, 26) |
| HSL | hsl(64, 66%, 30%) |
| HSV | hsv(64, 80%, 50%) |
| CMYK | cmyk(5.5%, 0%, 79.7%, 49.8%) |
| CIE-LAB | lab(51.36, -15.46, 50.07) |
| CIE-LCH | lch(51.36, 52.40, 107.16°) |
| OKLab | oklab(57.54% -0.0479 0.1095) |
| OKLCH | oklch(57.54% 0.119 113.6) |
| XYZ | xyz(15.7913, 19.5782, 3.9242) |
| Luminance | 0.1958 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Shit Green
#758000
ΔE00 1.83
Poop Green
#6F7C00
ΔE00 2.74
Olive
#808000
ΔE00 3.03
Swamp Green
#748500
ΔE00 3.09
Murky Green
#6C7A0E
ΔE00 3.41
Olive (survey)
#6E750E
ΔE00 4.29
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#79801A #211A80
analogous
#80541A #79801A #46801A
triadic
#79801A #1A7980 #801A79
tetradic
#79801A #1A8054 #211A80 #801A46
square
#79801A #1A8054 #211A80 #801A46
split-complementary
#79801A #1A4680 #541A80
monochromatic
#191A05 #494D10 #79801A #A9B324 #CDD83D
Accessibility & contrast
On white
4.27
#79801A on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.92
#79801A on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #79801A
4.92:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##79801A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##79801A | 1.00 | 4.27 | 4.92 | 4.92 |
| #FFFFFF | 4.27 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.92 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.92 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#8A7900
Deuteranopia (green-blind)
#8A7B23
Tritanopia (blue-blind)
#82786D
Achromatopsia (no color)
#7A7A7A
Design tokens & code
CSS
--color: #79801a; /* rgb */ color: rgb(121, 128, 26); /* oklch */ color: oklch(57.5% 0.119 113.6);
Tailwind
colors: {
custom: {
50: '#a3a460',
500: '#79801a',
950: '#000000',
},
}SCSS
$custom: #79801a; $custom-light: #a3a460; $custom-dark: #000000;
JSON
{
"hex": "#79801a",
"rgb": {
"r": 121,
"g": 128,
"b": 26
},
"hsl": {
"h": 64.118,
"s": 66.234,
"l": 30.196
},
"oklch": {
"l": 0.57537,
"c": 0.11947,
"h": 113.6
},
"luminance": 0.19578
}Semantic roles & 50–950 ramp
primary
#79801A
secondary
#4A42B4
accent
#3FE94A
background
#FAFAF5
surface
#F4F4EA
border
#CECEC6
text
#0F0F05
muted
#7F7F79