A pale cyan, black text passes AA
What color is paleturquoise?
The CSS named color paleturquoise is #afeeee, or rgb(175 238 238): a pale cyan in plain words. Black text on it reaches 16.29:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | paleturquoise |
| Hex | #afeeee |
| RGB | rgb(175 238 238) |
| HSL | hsl(180 65% 81%) |
| OKLCH | oklch(90.7% 0.063 196.1) |
| Nearest Tailwind color | cyan-200 #a2f4fd, 0.023 away in OKLab |
| White text | 1.29:1: AA fails, AAA fails, large text fails |
| Black text | 16.29:1: AA passes, AAA passes, large text passes |
About paleturquoise
In OKLCH terms paleturquoise has a lightness of 90.7%, a chroma of 0.063 and a hue of 196.1 degrees, a pale cyan to the eye.
Its lightness is 81% in HSL and 90.7% in OKLCH, 10 points apart; only the second tracks how light it looks. Among the CSS keywords, powderblue (#b0e0e6) comes closest at 0.036 in OKLab, close enough to stand in for it in a sketch.
For text, paleturquoise wants black: 16.29:1 clears even AAA's 7:1, and white at 1.29:1 fails AA. Its neighbors in the hue-sorted list of names are lightcyan and aqua.
The closest Tailwind 4.3.3 color is cyan-200, 0.023 away in OKLab, so bg-cyan-200 comes near; bg-[#afeeee] gives the color itself.
Tints and shades
- #f2fcfc
- #e5faf9
- #d8f7f7
- #cbf4f4
- #bdf1f1
- #afeeee
- #88bbbb
- #648a8a
- #415c5c
- #223232
- #070d0d
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
- #afeeee
- #9567ae
- #2f2334
- #81ccd0
- #5f513a
Locked as the first of five swatches, paleturquoise gets #9567ae, #2f2334, #81ccd0, #5f513a from Recolor's generator, a triadic palette, three hues a third of the wheel apart. The seed is its hex, so the palette stays the same. Open it in Recolor.
Using paleturquoise
As a text color, paleturquoise on a black page gives the same 16.29:1.
.notice {
background-color: paleturquoise; /* #afeeee */
color: black; /* 16.29:1 */
}Common questions
Does white text pass WCAG AA on paleturquoise?
No. White text measures 1.29:1 on paleturquoise, under AA's 4.5:1; black text measures 16.29:1 and passes.
Can paleturquoise be written in OKLCH?
Yes: oklch(90.7% 0.063 196.1), computed from #afeeee. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to paleturquoise?
Yes: powderblue (#b0e0e6) is the nearest, 0.036 away in OKLab, then lightblue at 0.057.