#445B47#445B47
#445B47 is a dark, muted green. Relative luminance 0.092; OKLCH L 44.6% C 0.043 H 148.3°. Best body text is #FFFFFF at 7.41:1 contrast (WCAG AA passes).
Color values
| HEX | #445B47 |
|---|---|
| RGB | rgb(68, 91, 71) |
| HSL | hsl(128, 14%, 31%) |
| HSV | hsv(128, 25%, 36%) |
| CMYK | cmyk(25.3%, 0%, 22%, 64.3%) |
| CIE-LAB | lab(36.30, -13.27, 8.75) |
| CIE-LCH | lch(36.30, 15.90, 146.59°) |
| OKLab | oklab(44.61% -0.0364 0.0225) |
| OKLCH | oklch(44.61% 0.043 148.3) |
| XYZ | xyz(7.2620, 9.1658, 7.3466) |
| Luminance | 0.0917 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Hunter Green
#355E3B
ΔE00 6.38
Pine
#2B5D34
ΔE00 8.44
Dark Green Blue
#1F6357
ΔE00 9.58
Forest Green
#2D5A27
ΔE00 10.05
Darkslategray
#2F4F4F
ΔE00 10.37
Spruce
#0A5F38
ΔE00 10.50
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#445B47 #5B4458
analogous
#4C5B44 #445B47 #445B52
triadic
#445B47 #47445B #5B4744
tetradic
#445B47 #444C5B #5B4458 #5B5244
square
#445B47 #444C5B #5B4458 #5B5244
split-complementary
#445B47 #52445B #5B444C
monochromatic
#101510 #2A382C #445B47 #5E7E62 #7C9D80
Accessibility & contrast
On white
7.41
#445B47 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.83
#445B47 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #445B47
7.41:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##445B47 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##445B47 | 1.00 | 7.41 | 2.83 | 7.41 |
| #FFFFFF | 7.41 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.83 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.41 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#5C5746
Deuteranopia (green-blind)
#585448
Tritanopia (blue-blind)
#415A55
Achromatopsia (no color)
#555555
Design tokens & code
CSS
--color: #445b47; /* rgb */ color: rgb(68, 91, 71); /* oklch */ color: oklch(44.6% 0.043 148.3);
Tailwind
colors: {
custom: {
50: '#78897a',
500: '#445b47',
950: '#000000',
},
}SCSS
$custom: #445b47; $custom-light: #78897a; $custom-dark: #000000;
JSON
{
"hex": "#445b47",
"rgb": {
"r": 68,
"g": 91,
"b": 71
},
"hsl": {
"h": 127.826,
"s": 14.465,
"l": 31.176
},
"oklch": {
"l": 0.44611,
"c": 0.0428,
"h": 148.3
},
"luminance": 0.09166
}Semantic roles & 50–950 ramp
primary
#445B47
secondary
#8A7187
accent
#71AEB7
background
#F7F8F7
surface
#EDF0ED
border
#C8CBC8
text
#090B09
muted
#7B7C7B