#446E1F#446E1F
#446E1F is a mid, moderate yellow-green. Relative luminance 0.125; OKLCH L 49.0% C 0.118 H 133.3°. Best body text is #FFFFFF at 6.01:1 contrast (WCAG AA passes).
Color values
| HEX | #446E1F |
|---|---|
| RGB | rgb(68, 110, 31) |
| HSL | hsl(92, 56%, 28%) |
| HSV | hsv(92, 72%, 43%) |
| CMYK | cmyk(38.2%, 0%, 71.8%, 56.9%) |
| CIE-LAB | lab(41.97, -28.87, 37.76) |
| CIE-LCH | lch(41.97, 47.53, 127.39°) |
| OKLab | oklab(49% -0.0809 0.0859) |
| OKLCH | oklch(49% 0.118 133.3) |
| XYZ | xyz(8.2070, 12.4794, 3.2724) |
| Luminance | 0.1248 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Darkolivegreen
#556B2F
ΔE00 4.71
Camo Green
#526525
ΔE00 5.40
Camouflage Green
#4B6113
ΔE00 5.72
Tree Green
#2A7E19
ΔE00 6.85
Army Green
#4B5D16
ΔE00 7.08
Muddy Green
#657432
ΔE00 7.29
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#446E1F #491F6E
analogous
#6B6E1F #446E1F #1F6E22
triadic
#446E1F #1F446E #6E1F44
tetradic
#446E1F #1F6B6E #491F6E #6E221F
square
#446E1F #1F6B6E #491F6E #6E221F
split-complementary
#446E1F #221F6E #6E1F6B
monochromatic
#0F1807 #263E12 #446E1F #629E2C #7FC93F
Accessibility & contrast
On white
6.01
#446E1F on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.50
#446E1F on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #446E1F
6.01:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##446E1F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##446E1F | 1.00 | 6.01 | 3.50 | 6.01 |
| #FFFFFF | 6.01 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.50 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.01 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#736513
Deuteranopia (green-blind)
#6D6226
Tritanopia (blue-blind)
#44695E
Achromatopsia (no color)
#636363
Design tokens & code
CSS
--color: #446e1f; /* rgb */ color: rgb(68, 110, 31); /* oklch */ color: oklch(49.0% 0.118 133.3);
Tailwind
colors: {
custom: {
50: '#7c985f',
500: '#446e1f',
950: '#000000',
},
}SCSS
$custom: #446e1f; $custom-light: #7c985f; $custom-dark: #000000;
JSON
{
"hex": "#446e1f",
"rgb": {
"r": 68,
"g": 110,
"b": 31
},
"hsl": {
"h": 91.899,
"s": 56.028,
"l": 27.647
},
"oklch": {
"l": 0.48999,
"c": 0.11798,
"h": 133.3
},
"luminance": 0.1248
}Semantic roles & 50–950 ramp
primary
#446E1F
secondary
#7747A2
accent
#48DF99
background
#F7F9F5
surface
#EEF2EA
border
#C9CCC6
text
#0A0D05
muted
#7C7E79