#397952#397952
#397952 is a mid, moderate green. Relative luminance 0.152; OKLCH L 52.3% C 0.091 H 154.8°. Best body text is #FFFFFF at 5.21:1 contrast (WCAG AA passes).
Color values
| HEX | #397952 |
|---|---|
| RGB | rgb(57, 121, 82) |
| HSL | hsl(143, 36%, 35%) |
| HSV | hsv(143, 53%, 47%) |
| CMYK | cmyk(52.9%, 0%, 32.2%, 52.5%) |
| CIE-LAB | lab(45.84, -30.15, 15.27) |
| CIE-LCH | lch(45.84, 33.80, 153.14°) |
| OKLab | oklab(52.26% -0.0823 0.0386) |
| OKLCH | oklch(52.26% 0.091 154.8) |
| XYZ | xyz(10.0470, 15.1530, 10.3764) |
| Luminance | 0.1515 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Dark Sea Green
#11875D
ΔE00 5.98
Jungle Green
#048243
ΔE00 6.55
Sea Green
#2E8B57
ΔE00 6.86
Darkish Green
#287C37
ΔE00 6.89
Dark Sage
#598556
ΔE00 7.00
Viridian
#1E9167
ΔE00 9.04
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#397952 #793960
analogous
#407939 #397952 #397972
triadic
#397952 #523979 #795239
tetradic
#397952 #394079 #793960 #797239
square
#397952 #394079 #793960 #797239
split-complementary
#397952 #723979 #793940
monochromatic
#12261A #254F36 #397952 #4DA36E #71BC8E
Accessibility & contrast
On white
5.21
#397952 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.03
#397952 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #397952
5.21:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##397952 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##397952 | 1.00 | 5.21 | 4.03 | 5.21 |
| #FFFFFF | 5.21 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.03 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.21 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#797050
Deuteranopia (green-blind)
#6F6A54
Tritanopia (blue-blind)
#28786F
Achromatopsia (no color)
#6D6D6D
Design tokens & code
CSS
--color: #397952; /* rgb */ color: rgb(57, 121, 82); /* oklch */ color: oklch(52.3% 0.091 154.8);
Tailwind
colors: {
custom: {
50: '#74a082',
500: '#397952',
950: '#000000',
},
}SCSS
$custom: #397952; $custom-light: #74a082; $custom-dark: #000000;
JSON
{
"hex": "#397952",
"rgb": {
"r": 57,
"g": 121,
"b": 82
},
"hsl": {
"h": 143.438,
"s": 35.955,
"l": 34.902
},
"oklch": {
"l": 0.5226,
"c": 0.09089,
"h": 154.8
},
"luminance": 0.15154
}Semantic roles & 50–950 ramp
primary
#397952
secondary
#A5698E
accent
#5CA0CC
background
#F7F9F8
surface
#EDF2EF
border
#C8CCCA
text
#080F0A
muted
#7B7E7C