Online Tools HarborLight Sea Green color codes
| CSS name | lightseagreen |
|---|---|
| HEX | #20B2AA |
| RGB | rgb(32, 178, 170) |
| HSL | hsl(177, 70%, 41%) |
| CMYK | cmyk(82%, 0%, 4%, 30%) |
| Decimal | 2142890 |
Shades of Light Sea Green (darker)
#1DA099 · #1A8E88 · #167D77 · #136B66 · #105955 · #0D4744 · #0A3533 · #062422 · #031211
Tints of Light Sea Green (lighter)
#36BAB3 · #4DC1BB · #63C9C4 · #79D1CC · #90D9D5 · #A6E0DD · #BCE8E6 · #D2F0EE · #E9F7F7
Color harmonies
| Complementary | #B21F27 |
|---|---|
| Triadic | #AA1FB2, #B2AA1F |
| Analogous | #1FB261, #1F70B2 |
Accessibility (WCAG contrast)
| White text on Light Sea Green | 2.62:1 · Fail |
|---|---|
| Black text on Light Sea Green | 8.01:1 · AAA |
Use Light Sea Green in code
.element {
color: lightseagreen; /* or #20b2aa */
background-color: rgb(32 178 170 / 0.5);
}Frequently asked questions
What is the hex code for Light Sea Green?
Light Sea Green is #20B2AA in HEX, rgb(32, 178, 170) in RGB and hsl(177, 70%, 41%) in HSL.
Can I use "lightseagreen" directly in CSS?
Yes. "lightseagreen" is one of the 148 standard CSS named colors, so color: lightseagreen; works in every browser.
Is Light Sea Green readable on white?
The contrast ratio of Light Sea Green on white is 2.62:1 (WCAG Fail). On black it is 8.01:1 (AAA).
What is the complementary color of Light Sea Green?
The complementary color (opposite on the color wheel) is #B21F27.
Similar colors
Dark Turquoise#00CED1Dark Cyan#008B8BMedium Turquoise#48D1CCSteel Blue#4682B4Medium Sea Green#3CB371Cadet Blue#5F9EA0Turquoise#40E0D0Teal#008080
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.