Sea Green

#2E8B57

What color is Sea Green?

Sea green is a medium-toned green with a blue undertone, hex #2E8B57, similar in depth to the color of a jade stone. It is neither bright nor dark, sitting in a muted middle range that suggests natural light through shallow water.

What is the meaning of the color Sea Green?

The name sea green appears in English as early as 1598, recorded in a list of color terms in a merchant’s trade document referencing dyed textiles. The color was associated with coastal trade and the natural tones of shallow ocean water along northern European shores. It gained broader cultural recognition in the 19th century as botanical illustrators used similar greens to depict aquatic and tropical plants in published scientific atlases. The Pantone Color Institute formally catalogued a close variant, Pantone 3415, which has been used in environmental and conservation branding.

RGB
46, 139, 87
HSL
146°, 50%, 36%
CMYK
67, 0, 37, 45
HSV
146°, 67%, 55%
Sea green color

What colors go with Sea Green?

Colors that pair well with Sea green include:
Sand: warm, neutral softness
Navy blue: deep, grounding contrast
Coral: warm complementary pop
Ivory: light, clean balance
Charcoal: strong, anchoring depth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #2E8B57 color: #2E8B57;
RGB 46, 139, 87 color: rgb(46, 139, 87);
RGB Percentage 18%, 55%, 34% color: rgb(18%, 55%, 34%);
CMYK 67%, 0%, 37%, 45% Not supported in CSS
HSL 146°, 50%, 36% color: hsl(146, 50%, 36%);
HSV 146°, 67%, 55% Not supported in CSS
CIE-LAB 29, -19, 17 color: lab(29% -19 17);
Decimal 3050327 Not supported in CSS

Color Variations

Shades

#2E8A56
#297C4D
#256E45
#20603C
#1C5333
#17452B
#123722
#0E291A

Tints

#B6E7CB
#9DDEB9
#85D6A8
#6CCE97
#54C685
#3EBB74
#36A265
#2E8A56

Tones

#2E8A56
#328556
#378157
#3C7C58
#407758
#457359
#496E59
#4E6A5A

Hues

#2E8A56
#2E798A
#2E348A
#6D2E8A
#8A2E62
#8A3F2E
#8A842E
#4B8A2E

Color Harmonies

Analogous

#348A2E
Click to copy
#2E8B57
Click to copy
#2E8A84
Click to copy

Complementary

#2E8B57
Click to copy
#8A2E62
Click to copy

Split Complementary

#2E8B57
Click to copy
#842E8A
Click to copy
#8A2E34
Click to copy

Triadic

#2E8B57
Click to copy
#562E8A
Click to copy
#8A562E
Click to copy

Tetradic

#2E8B57
Click to copy
#2E348A
Click to copy
#8A2E62
Click to copy
#8A842E
Click to copy

Square

#2E8B57
Click to copy
#2E348A
Click to copy
#8A2E62
Click to copy
#8A842E
Click to copy

CSS & Dev Snippets

CSS
.sea-green {
  color: #2E8B57;
}
SCSS
$sea-green: #2E8B57;
RGB
rgb(46, 139, 87)

Accessibility & Contrast

White background

4.25:1
4.25
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

4.95:1
4.95
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags