#446C26#446C26
#446C26 is a mid, moderate yellow-green. Relative luminance 0.121; OKLCH L 48.5% C 0.109 H 134.0°. Best body text is #FFFFFF at 6.14:1 contrast (WCAG AA passes).
Color values
| HEX | #446C26 |
|---|---|
| RGB | rgb(68, 108, 38) |
| HSL | hsl(94, 48%, 29%) |
| HSV | hsv(94, 65%, 42%) |
| CMYK | cmyk(37%, 0%, 64.8%, 57.6%) |
| CIE-LAB | lab(41.36, -27.26, 33.89) |
| CIE-LCH | lch(41.36, 43.49, 128.82°) |
| OKLab | oklab(48.53% -0.0759 0.0786) |
| OKLCH | oklch(48.53% 0.109 134) |
| XYZ | xyz(8.0962, 12.0937, 3.7411) |
| Luminance | 0.1209 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Darkolivegreen
#556B2F
ΔE00 4.08
Camo Green
#526525
ΔE00 4.92
Camouflage Green
#4B6113
ΔE00 5.68
Army Green
#4B5D16
ΔE00 6.76
Darkgreen
#006400
ΔE00 7.45
Muddy Green
#657432
ΔE00 7.45
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#446C26 #4E266C
analogous
#676C26 #446C26 #266C2B
triadic
#446C26 #26446C #6C2644
tetradic
#446C26 #26676C #4E266C #6C2B26
square
#446C26 #26676C #4E266C #6C2B26
split-complementary
#446C26 #2B266C #6C2667
monochromatic
#0E1708 #273F16 #446C26 #619936 #7EC04C
Accessibility & contrast
On white
6.14
#446C26 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.42
#446C26 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #446C26
6.14:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##446C26 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##446C26 | 1.00 | 6.14 | 3.42 | 6.14 |
| #FFFFFF | 6.14 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.42 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.14 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#70641E
Deuteranopia (green-blind)
#6B602B
Tritanopia (blue-blind)
#44685D
Achromatopsia (no color)
#626262
Design tokens & code
CSS
--color: #446c26; /* rgb */ color: rgb(68, 108, 38); /* oklch */ color: oklch(48.5% 0.109 134.0);
Tailwind
colors: {
custom: {
50: '#7b9663',
500: '#446c26',
950: '#000000',
},
}SCSS
$custom: #446c26; $custom-light: #7b9663; $custom-dark: #000000;
JSON
{
"hex": "#446c26",
"rgb": {
"r": 68,
"g": 108,
"b": 38
},
"hsl": {
"h": 94.286,
"s": 47.945,
"l": 28.627
},
"oklch": {
"l": 0.48528,
"c": 0.1093,
"h": 134
},
"luminance": 0.12094
}Semantic roles & 50–950 ramp
primary
#446C26
secondary
#7D4F9F
accent
#50D89E
background
#F7F9F6
surface
#EEF2EB
border
#C9CCC6
text
#0A0D05
muted
#7C7E7A