#368F52#368F52
#368F52 is a mid, vivid green. Relative luminance 0.210; OKLCH L 58.1% C 0.126 H 150.8°. Best body text is #000000 at 5.21:1 contrast (WCAG AA passes).
Color values
| HEX | #368F52 |
|---|---|
| RGB | rgb(54, 143, 82) |
| HSL | hsl(139, 45%, 39%) |
| HSV | hsv(139, 62%, 56%) |
| CMYK | cmyk(62.2%, 0%, 42.7%, 43.9%) |
| CIE-LAB | lab(52.99, -40.65, 24.79) |
| CIE-LCH | lch(52.99, 47.61, 148.63°) |
| OKLab | oklab(58.09% -0.1099 0.0613) |
| OKLCH | oklch(58.09% 0.126 150.8) |
| XYZ | xyz(12.8658, 21.0371, 11.3636) |
| Luminance | 0.2104 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Sea Green
#2E8B57
ΔE00 2.58
Light Forest Green
#4F9153
ΔE00 3.20
Fern Green
#548D44
ΔE00 5.51
Kelley Green
#009337
ΔE00 5.52
Viridian
#1E9167
ΔE00 5.61
Jungle Green
#048243
ΔE00 5.73
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#368F52 #8F3673
analogous
#468F36 #368F52 #368F7E
triadic
#368F52 #52368F #8F5236
tetradic
#368F52 #36468F #8F3673 #8F7E36
square
#368F52 #36468F #8F3673 #8F7E36
split-complementary
#368F52 #7E368F #8F3646
monochromatic
#14361F #256339 #368F52 #48BA6C #75CB90
Accessibility & contrast
On white
4.03
#368F52 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.21
#368F52 on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #368F52
5.21:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##368F52 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##368F52 | 1.00 | 4.03 | 5.21 | 5.21 |
| #FFFFFF | 4.03 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.21 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.21 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#90834E
Deuteranopia (green-blind)
#847B56
Tritanopia (blue-blind)
#1A8D80
Achromatopsia (no color)
#7E7E7E
Design tokens & code
CSS
--color: #368f52; /* rgb */ color: rgb(54, 143, 82); /* oklch */ color: oklch(58.1% 0.126 150.8);
Tailwind
colors: {
custom: {
50: '#76b083',
500: '#368f52',
950: '#000000',
},
}SCSS
$custom: #368f52; $custom-light: #76b083; $custom-dark: #000000;
JSON
{
"hex": "#368f52",
"rgb": {
"r": 54,
"g": 143,
"b": 82
},
"hsl": {
"h": 138.876,
"s": 45.178,
"l": 38.627
},
"oklch": {
"l": 0.58085,
"c": 0.12584,
"h": 150.8
},
"luminance": 0.21038
}Semantic roles & 50–950 ramp
primary
#368F52
secondary
#B36D9D
accent
#53ACD5
background
#F7FAF8
surface
#EEF5EF
border
#C9CFCA
text
#09110A
muted
#7B807C