#787919#787919
#787919 is a mid, moderate yellow. Relative luminance 0.177; OKLCH L 55.8% C 0.113 H 110.2°. Best body text is #FFFFFF at 4.62:1 contrast (WCAG AA passes).
Color values
| HEX | #787919 |
|---|---|
| RGB | rgb(120, 121, 25) |
| HSL | hsl(61, 66%, 29%) |
| HSV | hsv(61, 79%, 47%) |
| CMYK | cmyk(0.8%, 0%, 79.3%, 52.5%) |
| CIE-LAB | lab(49.18, -12.19, 48.39) |
| CIE-LCH | lch(49.18, 49.90, 104.14°) |
| OKLab | oklab(55.77% -0.0388 0.1057) |
| OKLCH | oklch(55.77% 0.113 110.2) |
| XYZ | xyz(14.7591, 17.7384, 3.5659) |
| Luminance | 0.1774 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Olive (survey)
#6E750E
ΔE00 2.66
Poop Green
#6F7C00
ΔE00 3.49
Murky Green
#6C7A0E
ΔE00 3.64
Olive
#808000
ΔE00 3.68
Shit Green
#758000
ΔE00 3.74
Brownish Green
#6A6E09
ΔE00 4.54
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#787919 #1A1979
analogous
#794A19 #787919 #487919
triadic
#787919 #197879 #791978
tetradic
#787919 #19794A #1A1979 #791948
square
#787919 #19794A #1A1979 #791948
split-complementary
#787919 #194879 #4A1979
monochromatic
#191905 #46460F #787919 #AAAC23 #D4D637
Accessibility & contrast
On white
4.62
#787919 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.55
#787919 on #000000
AA ✓AA large ✓AAA ✗
Best text color
#FFFFFF on #787919
4.62:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##787919 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##787919 | 1.00 | 4.62 | 4.55 | 4.62 |
| #FFFFFF | 4.62 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.55 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.62 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#837301
Deuteranopia (green-blind)
#847621
Tritanopia (blue-blind)
#817167
Achromatopsia (no color)
#757575
Design tokens & code
CSS
--color: #787919; /* rgb */ color: rgb(120, 121, 25); /* oklch */ color: oklch(55.8% 0.113 110.2);
Tailwind
colors: {
custom: {
50: '#a29f5f',
500: '#787919',
950: '#000000',
},
}SCSS
$custom: #787919; $custom-light: #a29f5f; $custom-dark: #000000;
JSON
{
"hex": "#787919",
"rgb": {
"r": 120,
"g": 121,
"b": 25
},
"hsl": {
"h": 60.625,
"s": 65.753,
"l": 28.627
},
"oklch": {
"l": 0.55769,
"c": 0.11262,
"h": 110.2
},
"luminance": 0.17738
}Semantic roles & 50–950 ramp
primary
#787919
secondary
#4140AE
accent
#3FE941
background
#FAF9F5
surface
#F4F2EA
border
#CECCC6
text
#0F0E05
muted
#7F7E79