#115D20#115D20
#115D20 is a dark, moderate green. Relative luminance 0.081; OKLCH L 42.0% C 0.118 H 146.0°. Best body text is #FFFFFF at 8.04:1 contrast (WCAG AA passes).
Color values
| HEX | #115D20 |
|---|---|
| RGB | rgb(17, 93, 32) |
| HSL | hsl(132, 69%, 22%) |
| HSV | hsv(132, 82%, 36%) |
| CMYK | cmyk(81.7%, 0%, 65.6%, 63.5%) |
| CIE-LAB | lab(34.09, -36.29, 28.13) |
| CIE-LCH | lch(34.09, 45.92, 142.23°) |
| OKLab | oklab(41.98% -0.0978 0.0661) |
| OKLCH | oklch(41.98% 0.118 146) |
| XYZ | xyz(4.4059, 8.0516, 2.6881) |
| Luminance | 0.0805 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Deep Green
#02590F
ΔE00 2.65
Forest
#0B5509
ΔE00 3.74
Forest Green
#2D5A27
ΔE00 3.77
Pine
#2B5D34
ΔE00 5.03
Darkgreen
#006400
ΔE00 5.33
Spruce
#0A5F38
ΔE00 5.79
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#115D20 #5D114E
analogous
#285D11 #115D20 #115D46
triadic
#115D20 #20115D #5D2011
tetradic
#115D20 #11285D #5D114E #5D4611
square
#115D20 #11285D #5D114E #5D4611
split-complementary
#115D20 #46115D #5D1128
monochromatic
#051A09 #08290E #115D20 #1A9132 #24C444
Accessibility & contrast
On white
8.04
#115D20 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.61
#115D20 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #115D20
8.04:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##115D20 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##115D20 | 1.00 | 8.04 | 2.61 | 8.04 |
| #FFFFFF | 8.04 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.61 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.04 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#5E5419
Deuteranopia (green-blind)
#564E25
Tritanopia (blue-blind)
#005B50
Achromatopsia (no color)
#505050
Design tokens & code
CSS
--color: #115d20; /* rgb */ color: rgb(17, 93, 32); /* oklch */ color: oklch(42.0% 0.118 146.0);
Tailwind
colors: {
custom: {
50: '#5e8c5e',
500: '#115d20',
950: '#000000',
},
}SCSS
$custom: #115d20; $custom-light: #5e8c5e; $custom-dark: #000000;
JSON
{
"hex": "#115d20",
"rgb": {
"r": 17,
"g": 93,
"b": 32
},
"hsl": {
"h": 131.842,
"s": 69.091,
"l": 21.569
},
"oklch": {
"l": 0.41979,
"c": 0.11802,
"h": 146
},
"luminance": 0.08052
}Semantic roles & 50–950 ramp
primary
#115D20
secondary
#963482
accent
#3CC9EC
background
#F5F8F5
surface
#EAF0E9
border
#C6CBC5
text
#050C04
muted
#797D79