Sea Green color values
| Format | Value |
|---|---|
| Hex | #2E8B57 |
| RGB | rgb(46, 139, 87) |
| HSL | hsl(146, 50%, 36%) |
| HSV | 146, 67%, 55% |
| CMYK (simple conversion) | 67%, 0%, 37%, 45% |
| Decimal | 3050327 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Sea Green
A medium green with distinct blue undertones, reminiscent of ocean water near a shore. Designers use it for environmental campaigns, marine biology sites, and nature focused branding. It strikes a balance between refreshing coolness and organic vitality. It is one of the 148 CSS named colors.
Shades and tints of Sea Green
Tints mix Sea Green with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #439768 | #297D4E |
| 20% | #58A279 | #256F46 |
| 30% | #6DAE89 | #20613D |
| 40% | #82B99A | #1C5334 |
| 50% | #97C5AB | #17462C |
Color harmony for Sea Green
These colors keep the same saturation and lightness as Sea Green and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #8B2E62 |
| Analogous | #338B2E #2E8B86 |
| Triadic | #572E8B #8B572E |
| Split complementary | #862E8B #8B2E33 |
Contrast and accessibility
Contrast between #2E8B57 and white is 4.25:1 (large text only). Against black it is 4.95:1 (passes AA). For text on a Sea Green background, black text is the more readable choice.
Use Sea Green in CSS
.element {
color: seagreen;
background-color: #2E8B57;
border-color: rgb(46 139 87);
outline-color: hsl(146 50% 36%);
}All four lines produce exactly the same color. The keyword seagreen is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- mediumseagreen: #3CB371
- forestgreen: #228B22
- darkslategray: #2F4F4F
- Teal: #008080
FAQ
What is the hex code for Sea Green?
The hex code for Sea Green is #2E8B57. As a CSS color keyword you can also write seagreen.
What is Sea Green in RGB?
Sea Green is rgb(46, 139, 87): red 46, green 139, blue 87 on the 0 to 255 scale.
What color is closest to Sea Green?
Of the CSS named colors, mediumseagreen (#3CB371) is the closest match to Sea Green, followed by forestgreen and darkslategray.
More colors
- Salmon: previous page
- Sienna: next page
- CSS named colors: the full list