#0E711C#0E711C
#0E711C is a mid, vivid green. Relative luminance 0.120; OKLCH L 47.9% C 0.147 H 144.3°. Best body text is #FFFFFF at 6.18:1 contrast (WCAG AA passes).
Color values
| HEX | #0E711C |
|---|---|
| RGB | rgb(14, 113, 28) |
| HSL | hsl(128, 78%, 25%) |
| HSV | hsv(128, 88%, 44%) |
| CMYK | cmyk(87.6%, 0%, 75.2%, 55.7%) |
| CIE-LAB | lab(41.20, -44.23, 37.67) |
| CIE-LCH | lch(41.20, 58.10, 139.58°) |
| OKLab | oklab(47.86% -0.1194 0.0858) |
| OKLCH | oklch(47.86% 0.147 144.3) |
| XYZ | xyz(6.2954, 11.9867, 3.0803) |
| Luminance | 0.1199 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Darkgreen
#006400
ΔE00 4.66
Darkish Green
#287C37
ΔE00 5.10
Tree Green
#2A7E19
ΔE00 5.32
Green
#008000
ΔE00 6.09
Dark Grass Green
#388004
ΔE00 7.70
Deep Green
#02590F
ΔE00 7.79
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#0E711C #710E63
analogous
#31710E #0E711C #0E714E
triadic
#0E711C #1C0E71 #711C0E
tetradic
#0E711C #0E3171 #710E63 #714E0E
square
#0E711C #0E3171 #710E63 #714E0E
split-complementary
#0E711C #4E0E71 #710E31
monochromatic
#031B07 #073B0F #0E711C #15A729 #1BDE37
Accessibility & contrast
On white
6.18
#0E711C on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.40
#0E711C on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #0E711C
6.18:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##0E711C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##0E711C | 1.00 | 6.18 | 3.40 | 6.18 |
| #FFFFFF | 6.18 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.40 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.18 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#73650E
Deuteranopia (green-blind)
#695E25
Tritanopia (blue-blind)
#006E60
Achromatopsia (no color)
#616161
Design tokens & code
CSS
--color: #0e711c; /* rgb */ color: rgb(14, 113, 28); /* oklch */ color: oklch(47.9% 0.147 144.3);
Tailwind
colors: {
custom: {
50: '#639b5e',
500: '#0e711c',
950: '#000000',
},
}SCSS
$custom: #0e711c; $custom-light: #639b5e; $custom-dark: #000000;
JSON
{
"hex": "#0e711c",
"rgb": {
"r": 14,
"g": 113,
"b": 28
},
"hsl": {
"h": 128.485,
"s": 77.953,
"l": 24.902
},
"oklch": {
"l": 0.47858,
"c": 0.14703,
"h": 144.3
},
"luminance": 0.11987
}Semantic roles & 50–950 ramp
primary
#0E711C
secondary
#A93298
accent
#33D9F4
background
#F6F9F5
surface
#EBF2E9
border
#C6CCC5
text
#060E05
muted
#7A7E79