Sea Green#2E8B57
#2E8B57 is a mid, moderate green. Relative luminance 0.197; OKLCH L 56.9% C 0.119 H 154.9°. Best body text is #000000 at 4.95:1 contrast (WCAG AA passes).
Color values
| HEX | #2E8B57 |
|---|---|
| RGB | rgb(46, 139, 87) |
| HSL | hsl(146, 50%, 36%) |
| HSV | hsv(146, 67%, 55%) |
| CMYK | cmyk(66.9%, 0%, 37.4%, 45.5%) |
| CIE-LAB | lab(51.53, -39.72, 20.05) |
| CIE-LCH | lch(51.53, 44.49, 153.21°) |
| OKLab | oklab(56.85% -0.1075 0.0503) |
| OKLCH | oklch(56.85% 0.119 154.9) |
| XYZ | xyz(12.0786, 19.7329, 12.1873) |
| Luminance | 0.1973 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Sea Green
#2E8B57
ΔE00 0.00
Dark Sea Green
#11875D
ΔE00 3.62
Viridian
#1E9167
ΔE00 4.01
Jungle Green
#048243
ΔE00 4.85
Light Forest Green
#4F9153
ΔE00 5.22
Dark Sage
#598556
ΔE00 6.45
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#2E8B57 #8B2E62
analogous
#348B2E #2E8B57 #2E8B86
triadic
#2E8B57 #572E8B #8B572E
tetradic
#2E8B57 #2E348B #8B2E62 #8B862E
square
#2E8B57 #2E348B #8B2E62 #8B862E
split-complementary
#2E8B57 #862E8B #8B2E34
monochromatic
#102F1D #1F5D3A #2E8B57 #3DB974 #67CD94
Accessibility & contrast
On white
4.25
#2E8B57 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.95
#2E8B57 on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #2E8B57
4.95:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##2E8B57 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##2E8B57 | 1.00 | 4.25 | 4.95 | 4.95 |
| #FFFFFF | 4.25 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.95 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.95 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#8B8054
Deuteranopia (green-blind)
#7F775A
Tritanopia (blue-blind)
#008A7E
Achromatopsia (no color)
#7B7B7B
Related colors
#2B7C4E#286E46#25603D#225235#1E442D#1B3725#172B1E#121F16#0B130D#000000#479767#5DA276#72AE87#86B997#9AC5A8#AED0B9#C2DCCA#D6E8DB#EBF3ED#FFFFFF#3A8A5B#44885E#4D8762#558566Green
#008000
Emerald
#50C878
Eucalyptus
#44D7A8
Fern
#63B76C
Forest Green
#2D5A27
Hunter Green
#355E3B
Lime
#00FF00
Lime Green
#32CD32
Palettes with this color
#8B6F4E
#A78A5B
#6B4F3A
#C9A87C
#4E3B2A
Earth Tone Palette
#1E3F20
#2F5D34
#4E7A4E
#7FA97F
#C8D9B8
Forest Color Palette
#9CAF88
#C4CFB4
#6D7A5F
#E8E3D3
#4A5742
Sage Green Color Palette
#C2B280
#ECE2CA
#645A39
#8F98B3
#C8B98C
Sand Color Palette
Design tokens & code
CSS
--color: #2e8b57; /* rgb */ color: rgb(46, 139, 87); /* oklch */ color: oklch(56.9% 0.119 154.9);
Tailwind
colors: {
custom: {
50: '#72ae87',
500: '#2e8b57',
950: '#000000',
},
}SCSS
$custom: #2e8b57; $custom-light: #72ae87; $custom-dark: #000000;
JSON
{
"hex": "#2e8b57",
"rgb": {
"r": 46,
"g": 139,
"b": 87
},
"hsl": {
"h": 146.452,
"s": 50.27,
"l": 36.275
},
"oklch": {
"l": 0.56853,
"c": 0.11872,
"h": 154.9
},
"luminance": 0.19734
}Semantic roles & 50–950 ramp
primary
#2E8B57
secondary
#B3618F
accent
#4E9CDA
background
#F7FAF8
surface
#EDF4EF
border
#C8CECA
text
#09100B
muted
#7B7F7C