#2E8B57
Sea Green
Sea green is a medium green with blue undertones that recalls ocean waters. It bridges the gap between green and teal.
Sea Green Color Values
HEX#2E8B57
RGB46, 139, 87
HSL146°, 50%, 36%
HSV146°, 67%, 55%
CMYK67%, 0%, 37%, 45%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #8A8053 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #7F775A (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #00897E (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #727272 (~0.003% of population)
Sea Green as Text Color
Sea Green on White
4.2:1FAIL
Sea Green on Light Gray
3.9:1FAIL
Sea Green on Cream
4.0:1FAIL
Sea Green on Dark
4.0:1FAIL
Sea Green on Black
4.9:1AA
Sea Green on Soft Blue
3.7:1FAIL
Sea Green on Soft Green
3.8:1FAIL
Sea Green on Soft Pink
3.5:1FAIL
Nearest Tailwind Class
green-700
#15803D
Nearest Pantone Match
Pantone 361 C
#1D9F46
CSS Variable Export
:root {
--color-sea-green: #2E8B57;
--color-sea-green-rgb: 46, 139, 87;
}Tailwind Config
// tailwind.config.js
colors: {
'sea-green': '#2E8B57',
}Shades of Sea Green
#2E8A56
#297A4C
#246B43
#1F5C39
#194D30
#143D26
#0F2E1D
#0A1F13
#050F0A
#000000
Tints of Sea Green
#2E8A56
#37A466
#40BF77
#5BC88A
#75D19D
#94DBB3
#AFE4C6
#C9EDD9
#E4F6EC
#FFFFFF
Color Harmonies
Complementary
#2E8B57
#8A2E62
Analogous
#348A2E
#2E8A56
#2E8A84
Triadic
#2E8A56
#562E8A
#8A562E
Sea Green Text Preview
Heading in Sea Green
Body text in Sea Green. The quick brown fox jumps over the lazy dog.
White on Sea Green
Body text on a Sea Green background.
Sea Green text on dark background
Contrast: 4.2:1