Sea Green #2E8B57

Sea Green#2E8B57 · rgb(46, 139, 87)

Sea Green color codes

CSS nameseagreen
HEX#2E8B57
RGBrgb(46, 139, 87)
HSLhsl(146, 50%, 36%)
CMYKcmyk(67%, 0%, 37%, 45%)
Decimal3050327

Shades of Sea Green (darker)

#297D4E · #256F46 · #20613D · #1C5334 · #17462C · #123823 · #0E2A1A · #091C11 · #050E09

Tints of Sea Green (lighter)

#439768 · #58A279 · #6DAE89 · #82B99A · #97C5AB · #ABD1BC · #C0DCCD · #D5E8DD · #EAF3EE

Color harmonies

Complementary
#8A2E62
Triadic
#562E8A, #8A562E
Analogous
#348A2E, #2E8A84

Accessibility (WCAG contrast)

White text on Sea Green4.25:1 · AA large text only
Black text on Sea Green4.95:1 · AA

Use Sea Green in code

.element {
  color: seagreen;          /* or #2e8b57 */
  background-color: rgb(46 139 87 / 0.5);
}

Frequently asked questions

What is the hex code for Sea Green?

Sea Green is #2E8B57 in HEX, rgb(46, 139, 87) in RGB and hsl(146, 50%, 36%) in HSL.

Can I use "seagreen" directly in CSS?

Yes. "seagreen" is one of the 148 standard CSS named colors, so color: seagreen; works in every browser.

Is Sea Green readable on white?

The contrast ratio of Sea Green on white is 4.25:1 (WCAG AA large text only). On black it is 4.95:1 (AA).

What is the complementary color of Sea Green?

The complementary color (opposite on the color wheel) is #8A2E62.

Similar colors

Medium Sea Green#3CB371Forest Green#228B22Dark Slate Gray#2F4F4FDark Slate Grey#2F4F4FTeal#008080Dark Olive Green#556B2FDark Cyan#008B8BDim Gray#696969

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.