A medium green with a cool blue tint, like ocean water over seaweed. It's one of the named HTML/CSS colors. It works for coastal decor, eco brands and calm web designs.
Sea green (#2E8B57) is a balanced, mid-tone, moderately saturated color. It belongs to the greens family. It mixes 46 red, 139 green and 87 blue (out of 255). It is mostly used in web, coastal decor, eco branding.
From lightest to darkest. Tap a shade to copy its code.
Combinations based on the color wheel. More in the color harmony tool.
Copy the codes or open a palette in the editor to tweak it.
Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.
:root {
--sea-green: #2E8B57;
--sea-green-rgb: 46, 139, 87;
}
.bg { background-color: var(--sea-green); }
.text { color: var(--sea-green); }The hex code for sea green is #2E8B57. In RGB it is rgb(46, 139, 87), in HSL hsl(146, 50%, 36%) and in CMYK 67, 0, 37, 45.
Its complement on the color wheel is #8B2E62, close to dark pink. Used in small doses, it works as an accent and adds strong contrast.
Use black text instead: the contrast with white is only 4.2:1, while with black it is 4.9:1.