Sea Green is a medium-dark, moderately saturated shade in the green color family, with a cool feel. Its HEX code is #2E8B57, which equals rgb(46, 139, 87) in RGB and hsl(146, 50%, 36%) in HSL. In print terms it converts to roughly C67 M0 Y37 K45, although exact CMYK results depend on the paper and color profile.
- HEX
#2E8B57 - RGB
46, 139, 87 - HSL
146°, 50%, 36% - CMYK
67, 0, 37, 45 - Family
Green - Tone
Medium-dark, moderately saturated
About Sea Green
Green shades suggest growth, health and calm. From fresh limes to deep forest tones, they are widely used for nature, wellness, finance and “success” states in interfaces. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 4.95:1. Its complementary color is #8A2E62.
Download Sea Green as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Sea Green color codes
| HEX | #2E8B57 |
|---|---|
| RGB | rgb(46, 139, 87) |
| HSL | hsl(146, 50%, 36%) |
| HSV | 146°, 67%, 55% |
| CMYK | 67%, 0%, 37%, 45% |
| Decimal | 3050327 |
Shades and tints of Sea Green
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DCECE3 - 100
#B9D8C7 - 200
#97C5AB - 300
#74B28F - 400
#519E73 - 500
#2E8B57 - 600
#267449 - 700
#1F5D3A - 800
#17462C - 900
#0F2E1D - 950
#08170F
Color harmonies for Sea Green
- Complementary
#8A2E62≈ Deep Soft Rose - Analogous −30°
#348A2E≈ Deep Soft Clover - Analogous +30°
#2E8A84≈ Deep Soft Teal - Triadic +120°
#562E8A≈ Deep Soft Violet - Triadic +240°
#8A562E≈ Deep Soft Orange - Split 150°
#842E8A≈ Deep Soft Orchid - Split 210°
#8A2E34≈ Deep Soft Crimson
Contrast and accessibility of Sea Green
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Sea Green | Aa | 4.25:1 | AA Large only |
| Black text on Sea Green | Aa | 4.95:1 | AA (good) |
CSS code for Sea Green
background-color: #2E8B57;color: #2E8B57;background-color: rgb(46, 139, 87);background-color: hsl(146, 50%, 36%);:root { --color-sea-green: #2E8B57; }class="bg-[#2E8B57]"Colors similar to Sea Green
- Deep Soft Mint
#238B57 - Deep Soft Seafoam
#238B61 - Deep Soft Malachite
#238B4C - Medium Dark Muted Jade
#40965A - Medium Dark Muted Emerald
#409651 - Deep Muted Mint
#347957 - Deep Muted Malachite
#347950 - Deep Muted Seafoam
#34795E - Deep Soft Jade
#238B42 - Deep Soft Aquamarine
#238B6C - Medium Dark Muted Malachite
#409663 - Medium Dark Muted Kelly
#409649
More green shades
- Chartreuse
#7FFF00 - Lime Green
#32CD32 - Forest Green
#228B22 - Mint Cream
#F5FFFA - Pale Green
#98FB98 - Aquamarine
#7FFFD4 - Dark Green
#006400 - Dark Olive Green
#556B2F - Dark Sea Green
#8FBC8F - Green
#008000 - Green Yellow
#ADFF2F
Frequently asked questions
What is the HEX code for Sea Green?
The HEX code for Sea Green is #2E8B57.
What is the RGB value of Sea Green?
Sea Green has an RGB value of 46, 139, 87 (rgb(46, 139, 87)). In HSL it is 146°, 50%, 36%.
What text color should I use on Sea Green?
Use black text on Sea Green. White text has a contrast ratio of 4.25:1 and black text has 4.95:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Sea Green?
The complementary color of Sea Green is #8A2E62. Analogous colors #348A2E and #2E8A84 also pair well.