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 a grounded CSS named color at #2E8B57 that bridges green and teal with more weight than Light Sea Green. Use it when you need a natural but product-ready accent for status UI, buttons, dashboards, and sections that should feel fresh without looking neon.
Best text colorWhite text
Body text contrast4.25:1
Best UseProduct status, fresh app accents, and balanced green-teal structure
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
Closest Matches
Tailwind Emerald 600Tailwind Green 700Tailwind Emerald 700
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
- Status indicators, product accents, and balanced support surfaces.
- Greener than Cadet Blue, denser than Light Sea Green.
- Pairs with white, charcoal neutrals, and paler aqua fills.
Reference Notes
Last Updated
2026-06-09
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, interface, and branding 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]
}