CSS named color
SeaGreen
#2E8B57
HEX
#2e8b57RGB
rgb(46, 139, 87)HSL
hsl(146, 50%, 36%)OKLCH
oklch(56.85% 0.1187 154.95)NAME
seagreenPalette
Complementary
180° on the color wheelComplement
#8A2E62
Analogous
±30° around the base hueLeft
#348A2E
Right
#2E8A84
Triadic
±120° for harmonic contrastTriad 1
#562E8A
Triad 2
#8A562E
Shades
Lighter and darker variantsCSS usage
By name
color: seagreen;
background-color: seagreen;By HEX
color: #2e8b57;
background-color: #2e8b57;By RGB
color: rgb(46, 139, 87);
background-color: rgb(46, 139, 87);By HSL
color: hsl(146, 50%, 36%);
background-color: hsl(146, 50%, 36%);WCAG contrast vs white
Aa
4.25:1
AA (large text)
WCAG contrast vs black
Aa
4.95:1
AA
Related colors
FAQ — SeaGreen
What is the HEX code for SeaGreen?
The HEX code for SeaGreen is #2E8B57. It's one of the 148 named CSS colors and can be used directly in CSS as color: seagreen; or color: #2e8b57;
What is SeaGreen in RGB?
SeaGreen in RGB is rgb(46, 139, 87) — red 46, green 139, blue 87.
What is SeaGreen in HSL?
SeaGreen in HSL is hsl(146, 50%, 36%) — hue 146°, saturation 50%, lightness 36%.
What is the complementary color of SeaGreen?
The complementary color (directly opposite SeaGreen on the color wheel) is #8A2E62. The two together produce maximum contrast.
Is white text readable on SeaGreen?
The WCAG contrast ratio against white (#FFFFFF) is 4.25:1, and against black (#000000) it's 4.95:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.