#798343#798343
#798343 is a mid, moderate yellow. Relative luminance 0.207; OKLCH L 58.7% C 0.089 H 116.5°. Best body text is #000000 at 5.14:1 contrast (WCAG AA passes).
Color values
| HEX | #798343 |
|---|---|
| RGB | rgb(121, 131, 67) |
| HSL | hsl(69, 32%, 39%) |
| HSV | hsv(69, 49%, 51%) |
| CMYK | cmyk(7.6%, 0%, 48.9%, 48.6%) |
| CIE-LAB | lab(52.62, -13.99, 33.15) |
| CIE-LCH | lch(52.62, 35.98, 112.89°) |
| OKLab | oklab(58.67% -0.0395 0.0792) |
| OKLCH | oklch(58.67% 0.089 116.5) |
| XYZ | xyz(17.0148, 20.7030, 8.4088) |
| Luminance | 0.2070 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Drab
#828344
ΔE00 2.85
Khaki Green
#728639
ΔE00 3.15
Camo
#7F8F4E
ΔE00 4.32
Swamp
#698339
ΔE00 4.37
Military Green
#667C3E
ΔE00 5.00
Olive Drab
#6F7632
ΔE00 5.14
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#798343 #4D4383
analogous
#836D43 #798343 #598343
triadic
#798343 #437983 #834379
tetradic
#798343 #43836D #4D4383 #834359
square
#798343 #43836D #4D4383 #834359
split-complementary
#798343 #435983 #6D4383
monochromatic
#2E321A #545B2E #798343 #9DAA59 #B5BF82
Accessibility & contrast
On white
4.09
#798343 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.14
#798343 on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #798343
5.14:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##798343 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##798343 | 1.00 | 4.09 | 5.14 | 5.14 |
| #FFFFFF | 4.09 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.14 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.14 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#8B7D3D
Deuteranopia (green-blind)
#8A7E46
Tritanopia (blue-blind)
#7F7D74
Achromatopsia (no color)
#7E7E7E
Design tokens & code
CSS
--color: #798343; /* rgb */ color: rgb(121, 131, 67); /* oklch */ color: oklch(58.7% 0.089 116.5);
Tailwind
colors: {
custom: {
50: '#a1a779',
500: '#798343',
950: '#000000',
},
}SCSS
$custom: #798343; $custom-light: #a1a779; $custom-dark: #000000;
JSON
{
"hex": "#798343",
"rgb": {
"r": 121,
"g": 131,
"b": 67
},
"hsl": {
"h": 69.375,
"s": 32.323,
"l": 38.824
},
"oklch": {
"l": 0.5867,
"c": 0.08851,
"h": 116.5
},
"luminance": 0.20703
}Semantic roles & 50–950 ramp
primary
#798343
secondary
#8078AA
accent
#5FC870
background
#FAFAF7
surface
#F3F4ED
border
#CDCEC8
text
#0F0F09
muted
#7F7F7B