CSS Color: SeaGreen
Named CSS color SeaGreen — #2E8B57 in HEX, rgb(46, 139, 87) in RGB, hsl(146, 50%, 36%) in HSL.
Color Values
| Format | Value | CSS Usage |
|---|---|---|
| Named | SeaGreen | color: SeaGreen; |
| HEX | #2E8B57 | color: #2E8B57; |
| RGB | rgb(46, 139, 87) | color: rgb(46, 139, 87); |
| HSL | hsl(146, 50%, 36%) | color: hsl(146, 50%, 36%); |
About SeaGreen
SeaGreen is a deep, rich green with cool ocean undertones. At hex `#2E8B57`, it sits at 146 degrees hue — nearly identical to MediumSeaGreen but 11 points darker in lightness (36% vs 47%). This creates a more somber, sophisticated green.
In web design, SeaGreen is excellent for body text that needs to be green, success messages requiring strong contrast, and nature-themed designs. It achieves approximately 4.5:1 contrast against white, just meeting WCAG AA requirements for normal text.
SeaGreen evokes the deep ocean, coastal environments, and natural serenity. It is popular in travel websites, marine conservation sites, and spa or wellness brands. Its cool undertone distinguishes it from warmer greens like ForestGreen.
SeaGreen pairs beautifully with sandy neutrals, coral, cream, and light blue. For a coastal palette, combine it with SkyBlue, Sandy Brown, and white. In Tailwind CSS, `emerald-700` provides a close match.
FAQ
What is the hex code for SeaGreen?
The CSS named color SeaGreen has the hex code #2E8B57. You can use it in CSS as color: #2E8B57; or simply color: SeaGreen;.
What is SeaGreen in RGB?
In RGB notation, SeaGreen is rgb(46, 139, 87). Use it in CSS as color: rgb(46, 139, 87);.
What is SeaGreen in HSL?
In HSL notation, SeaGreen is hsl(146, 50%, 36%). Use it in CSS as color: hsl(146, 50%, 36%);.
What color category is SeaGreen?
SeaGreen belongs to the Green color family in the CSS named colors specification.
Can I use the name "SeaGreen" directly in CSS?
Yes. All modern browsers support CSS named colors. You can write color: SeaGreen; or background-color: SeaGreen; directly in your stylesheet. Named colors are case-insensitive.
Related Colors
Try in Color Converter
Convert SeaGreen to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.
Open Color Converter →