#446E29#446E29
#446E29 is a mid, moderate yellow-green. Relative luminance 0.125; OKLCH L 49.1% C 0.110 H 135.0°. Best body text is #FFFFFF at 5.99:1 contrast (WCAG AA passes).
Color values
| HEX | #446E29 |
|---|---|
| RGB | rgb(68, 110, 41) |
| HSL | hsl(97, 46%, 30%) |
| HSV | hsv(97, 63%, 43%) |
| CMYK | cmyk(38.2%, 0%, 62.7%, 56.9%) |
| CIE-LAB | lab(42.06, -27.91, 33.20) |
| CIE-LCH | lch(42.06, 43.37, 130.06°) |
| OKLab | oklab(49.11% -0.0774 0.0775) |
| OKLCH | oklch(49.11% 0.11 135) |
| XYZ | xyz(8.3599, 12.5405, 4.0775) |
| Luminance | 0.1254 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Darkolivegreen
#556B2F
ΔE00 4.34
Camo Green
#526525
ΔE00 5.52
Camouflage Green
#4B6113
ΔE00 6.45
Darkish Green
#287C37
ΔE00 6.96
Tree Green
#2A7E19
ΔE00 7.22
Muddy Green
#657432
ΔE00 7.46
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#446E29 #53296E
analogous
#676E29 #446E29 #296E31
triadic
#446E29 #29446E #6E2944
tetradic
#446E29 #29676E #53296E #6E3129
square
#446E29 #29676E #53296E #6E3129
split-complementary
#446E29 #31296E #6E2967
monochromatic
#0E1608 #284118 #446E29 #609B3A #7DBF53
Accessibility & contrast
On white
5.99
#446E29 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.51
#446E29 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #446E29
5.99:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##446E29 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##446E29 | 1.00 | 5.99 | 3.51 | 5.99 |
| #FFFFFF | 5.99 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.51 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.99 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#726522
Deuteranopia (green-blind)
#6C622E
Tritanopia (blue-blind)
#436A5F
Achromatopsia (no color)
#636363
Design tokens & code
CSS
--color: #446e29; /* rgb */ color: rgb(68, 110, 41); /* oklch */ color: oklch(49.1% 0.110 135.0);
Tailwind
colors: {
custom: {
50: '#7b9865',
500: '#446e29',
950: '#000000',
},
}SCSS
$custom: #446e29; $custom-light: #7b9865; $custom-dark: #000000;
JSON
{
"hex": "#446e29",
"rgb": {
"r": 68,
"g": 110,
"b": 41
},
"hsl": {
"h": 96.522,
"s": 45.695,
"l": 29.608
},
"oklch": {
"l": 0.49107,
"c": 0.10957,
"h": 135
},
"luminance": 0.12541
}Semantic roles & 50–950 ramp
primary
#446E29
secondary
#8253A0
accent
#52D5A2
background
#F7F9F6
surface
#EEF2EB
border
#C9CCC6
text
#0A0D06
muted
#7C7E7A