#4A5212#4A5212
#4A5212 is a dark, moderate yellow. Relative luminance 0.075; OKLCH L 41.8% C 0.085 H 116.5°. Best body text is #FFFFFF at 8.38:1 contrast (WCAG AA passes).
Color values
| HEX | #4A5212 |
|---|---|
| RGB | rgb(74, 82, 18) |
| HSL | hsl(68, 64%, 20%) |
| HSV | hsv(68, 78%, 32%) |
| CMYK | cmyk(9.8%, 0%, 78%, 67.8%) |
| CIE-LAB | lab(32.99, -12.64, 34.36) |
| CIE-LCH | lch(32.99, 36.61, 110.20°) |
| OKLab | oklab(41.8% -0.038 0.0764) |
| OKLCH | oklch(41.8% 0.085 116.5) |
| XYZ | xyz(5.9507, 7.5342, 1.7129) |
| Luminance | 0.0753 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Dark Olive Green
#3C4D03
ΔE00 3.52
Army Green
#4B5D16
ΔE00 4.32
Green Brown
#544E03
ΔE00 5.56
Camouflage Green
#4B6113
ΔE00 5.89
Navy Green
#35530A
ΔE00 6.08
Dark Olive
#373E02
ΔE00 6.54
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#4A5212 #1A1252
analogous
#523A12 #4A5212 #2A5212
triadic
#4A5212 #124A52 #52124A
tetradic
#4A5212 #12523A #1A1252 #52122A
square
#4A5212 #12523A #1A1252 #52122A
split-complementary
#4A5212 #122A52 #3A1252
monochromatic
#171906 #1D2007 #4A5212 #77841D #A5B628
Accessibility & contrast
On white
8.38
#4A5212 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.51
#4A5212 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #4A5212
8.38:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##4A5212 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##4A5212 | 1.00 | 8.38 | 2.51 | 8.38 |
| #FFFFFF | 8.38 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.51 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.38 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#584D07
Deuteranopia (green-blind)
#574E17
Tritanopia (blue-blind)
#4F4D46
Achromatopsia (no color)
#4E4E4E
Design tokens & code
CSS
--color: #4a5212; /* rgb */ color: rgb(74, 82, 18); /* oklch */ color: oklch(41.8% 0.085 116.5);
Tailwind
colors: {
custom: {
50: '#7f8255',
500: '#4a5212',
950: '#000000',
},
}SCSS
$custom: #4a5212; $custom-light: #7f8255; $custom-dark: #000000;
JSON
{
"hex": "#4a5212",
"rgb": {
"r": 74,
"g": 82,
"b": 18
},
"hsl": {
"h": 67.5,
"s": 64,
"l": 19.608
},
"oklch": {
"l": 0.41802,
"c": 0.08533,
"h": 116.5
},
"luminance": 0.07534
}Semantic roles & 50–950 ramp
primary
#4A5212
secondary
#40358B
accent
#41E756
background
#F7F7F5
surface
#EEEEE9
border
#C9C9C5
text
#0A0A03
muted
#7C7C78