HEX
#2E8B57Primary tokenCSS Named Color Reference
Sea Green Color Code
Sea Green·#2E8B57
Cyan FamilyCoolMid toneMid saturationoklch(56.9% 0.119 155)
RGB
rgb(46, 139, 87)Screen valuesHSL
hsl(146 50% 36%)Hue and lightnessCMYK
67, 0, 37, 45Print handoffLAB
52, -40, 20Perceptual referenceOKLCH
oklch(56.9% 0.119 155)Modern perceptualSea Green is the CSS named color `#2E8B57`. If you searched `sea green hex code`, `#2E8B57`, or `SeaGreen`, this is the exact named-color reference. It sits between green and teal with more weight than Light Sea Green, which makes it useful for status UI, buttons, dashboards, and product surfaces that should feel fresh without going neon.
Best text colorWhite text
Body text contrast4.25:1
Best UseExact CSS named color lookup, status UI, and balanced `#2E8B57` product accents
Tonal Scale
100#D9EAE1
300#9FCAB2
500#54A075
600#2E8B57
800#21643F
Contrast Checks
White text on this color
Buttons, badges, and filled actions.
4.25:1Large text / UI only
Dark text on this color
Large headings and selective UI.
4.04:1Large text / UI only
This color on light surface
Links, borders, and icons on light UI.
4.03:1Large text / UI only
Best text colorWhite textContrast 4.25:1
Professional Reference
OKLCHoklch(56.9% 0.119 155)
Relative Luminance0.1973
Source TypeCSS Named Color
Classification
Cyan FamilyCoolMid toneMid saturation
Source Context
Source Type
CSS Named Color
System
CSS
Aliases
#2E8B572E8B57SeaGreen
Closest Matches
Tailwind Emerald 600Tailwind Green 700Tailwind Emerald 700
Color Notes
- Sea Green is the exact CSS named color for `#2E8B57`.
- It is denser than Light Sea Green and darker than most mint or aqua-leaning greens.
- People often compare it with Light Sea Green or Dark Sea Green when they search by value first.
Accessibility Matrix
White text on this color
White text placed on the current color.
4.25:1Large text / UI only
Dark text on this color
Dark text or headings on the current color.
4.04:1Large text / UI only
This color on light surface
Use this color for links, strokes, or icons on light UI.
4.03:1Large text / UI only
This color on dark surface
Use this color inside dark shells for strokes, tags, or icons.
4.04:1Large text / UI only
Best text colorWhite textContrast 4.25:1 · Large text / UI only
Where It Works
- Use it for status indicators, product accents, and product-ready green-teal UI roles.
- Treat it as the exact CSS named color `#2E8B57` when you need a value-first answer or implementation reference.
- Compare it with Light Sea Green or Dark Sea Green when the hue feels right but the weight feels off.
Reference Notes
Last Updated
2026-06-25
Source Library
CSS Standard Colors
Methodology
Verified source values + site guidance
Color Notes
Sea Green is sourced from the published CSS Standard Colors library and retained here as a searchable reference swatch for product and interface reference work.
Hue Family
Clean cyan and teal hues for product UIs.
Source Collections
CSS Named Colors
Related Colors
Palette Starting Points
Implementation Snippets
:root {
--color-sea-green: #2E8B57;
--color-sea-green-rgb: 46 139 87;
}class="bg-[#2E8B57] text-white"
class="hover:bg-[#21643F] ring-1 ring-[#2E8B57]"{
"seaGreen": "#2E8B57",
"seaGreenRgb": [46, 139, 87],
"seaGreenHsl": [146, 50, 36]
}