A vivid medium cyan, black text passes AA
What color is lightseagreen?
lightseagreen is a vivid medium cyan: #20b2aa in hex, rgb(32 178 170). Black text on it reaches 8.01:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | lightseagreen |
| Hex | #20b2aa |
| RGB | rgb(32 178 170) |
| HSL | hsl(177 70% 41%) |
| OKLCH | oklch(69.1% 0.114 189.0) |
| Nearest Tailwind color | teal-500 #00bba7, 0.028 away in OKLab |
| White text | 2.62:1: AA fails, AAA fails, large text fails |
| Black text | 8.01:1: AA passes, AAA passes, large text passes |
About lightseagreen
In OKLCH terms lightseagreen has a lightness of 69.1%, a chroma of 0.114 and a hue of 189.0 degrees, a vivid medium cyan to the eye.
HSL puts its lightness at 41% and OKLCH at 69.1%, 28 points apart: HSL's lightness does not follow what the eye sees, OKLCH's is built to. The nearest CSS named color, cadetblue (#5f9ea0), is 0.061 away in OKLab: related, but plainly a different color.
For text, lightseagreen wants black: 8.01:1 clears even AAA's 7:1, and white at 2.62:1 fails AA. In the hue-sorted table of named colors it sits between darkturquoise and cadetblue.
In Tailwind CSS 4.3.3 the nearest default color is teal-500 (#00bba7), 0.028 away in OKLab; for the exact color, an arbitrary value such as bg-[#20b2aa] works.
Tints and shades
- #e0f2f0
- #c2e6e2
- #a2d9d4
- #80ccc6
- #5abfb8
- #20b2aa
- #178b84
- #0e6661
- #06433f
- #022321
- #000706
From light to dark: 5 toward white and 5 toward black, mixed in OKLCH a sixth of the way at a time with the hue kept. A step that would repeat its neighbor is left out.
A palette around it
- #20b2aa
- #3c1431
- #6bd7cd
- #7d3563
- #93f3ea
Locked as the first of five swatches, lightseagreen gets #3c1431, #6bd7cd, #7d3563, #93f3ea from Recolor's generator, a split-complementary palette, built on the two hues beside its opposite. The seed is its hex, so the palette stays the same. Open it in Recolor.
Using lightseagreen
As a text color, lightseagreen on a black page gives the same 8.01:1.
.notice {
background-color: lightseagreen; /* #20b2aa */
color: black; /* 8.01:1 */
}Common questions
Does white text pass WCAG AA on lightseagreen?
No. White text measures 2.62:1 on lightseagreen, under AA's 4.5:1; black text measures 8.01:1 and passes.
Can lightseagreen be written in OKLCH?
Yes: oklch(69.1% 0.114 189.0), computed from #20b2aa. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to lightseagreen?
No. The nearest, cadetblue (#5f9ea0), is 0.061 away in OKLab, a different color.