#7A792D#7A792D
#7A792D is a mid, moderate yellow. Relative luminance 0.180; OKLCH L 56.1% C 0.098 H 108.5°. Best body text is #000000 at 4.60:1 contrast (WCAG AA passes).
Color values
| HEX | #7A792D |
|---|---|
| RGB | rgb(122, 121, 45) |
| HSL | hsl(59, 46%, 33%) |
| HSV | hsv(59, 63%, 48%) |
| CMYK | cmyk(0%, 0.8%, 63.1%, 52.2%) |
| CIE-LAB | lab(49.50, -10.11, 40.60) |
| CIE-LCH | lch(49.50, 41.84, 103.98°) |
| OKLab | oklab(56.12% -0.031 0.0928) |
| OKLCH | oklch(56.12% 0.098 108.5) |
| XYZ | xyz(15.3375, 18.0022, 5.1490) |
| Luminance | 0.1800 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Olive Drab
#6F7632
ΔE00 3.55
Olive (survey)
#6E750E
ΔE00 4.27
Drab
#828344
ΔE00 4.71
Murky Green
#6C7A0E
ΔE00 5.13
Brown Green
#706C11
ΔE00 5.41
Poop Green
#6F7C00
ΔE00 5.48
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#7A792D #2D2E7A
analogous
#7A532D #7A792D #547A2D
triadic
#7A792D #2D7A79 #792D7A
tetradic
#7A792D #2D7A53 #2D2E7A #7A2D54
square
#7A792D #2D7A53 #2D2E7A #7A2D54
split-complementary
#7A792D #2D547A #532D7A
monochromatic
#21200C #4D4D1D #7A792D #A7A53D #C4C25E
Accessibility & contrast
On white
4.56
#7A792D on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.60
#7A792D on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #7A792D
4.60:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##7A792D | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7A792D | 1.00 | 4.56 | 4.60 | 4.60 |
| #FFFFFF | 4.56 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.60 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.60 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#837424
Deuteranopia (green-blind)
#847732
Tritanopia (blue-blind)
#827169
Achromatopsia (no color)
#767676
Design tokens & code
CSS
--color: #7a792d; /* rgb */ color: rgb(122, 121, 45); /* oklch */ color: oklch(56.1% 0.098 108.5);
Tailwind
colors: {
custom: {
50: '#a39f6a',
500: '#7a792d',
950: '#000000',
},
}SCSS
$custom: #7a792d; $custom-light: #a39f6a; $custom-dark: #000000;
JSON
{
"hex": "#7a792d",
"rgb": {
"r": 122,
"g": 121,
"b": 45
},
"hsl": {
"h": 59.221,
"s": 46.108,
"l": 32.745
},
"oklch": {
"l": 0.56116,
"c": 0.09783,
"h": 108.5
},
"luminance": 0.18002
}Semantic roles & 50–950 ramp
primary
#7A792D
secondary
#595AAA
accent
#54D652
background
#FAF9F6
surface
#F4F2EB
border
#CECCC6
text
#0F0E06
muted
#7F7E7A