A vivid light cyan, black text passes AA
What color is darkturquoise?
The CSS named color darkturquoise is #00ced1, or rgb(0 206 209): a vivid light cyan in plain words. Black text on it reaches 10.75:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | darkturquoise |
| Hex | #00ced1 |
| RGB | rgb(0 206 209) |
| HSL | hsl(181 100% 41%) |
| OKLCH | oklch(77.2% 0.131 196.6) |
| Nearest Tailwind color | teal-400 #00d5be, 0.039 away in OKLab |
| White text | 1.95:1: AA fails, AAA fails, large text fails |
| Black text | 10.75:1: AA passes, AAA passes, large text passes |
About darkturquoise
A vivid light cyan is the plain description of darkturquoise: OKLCH lightness 77.2%, chroma 0.131, hue 196.6 degrees.
Its HSL lightness, 41%, says little about how light darkturquoise looks; OKLCH, made to match the eye, measures 77.2%, 36 points away. The closest CSS named color is mediumturquoise (#48d1cc), 0.024 away in OKLab: near, and still a visible step from it side by side.
Black text on darkturquoise measures 10.75:1, past the 7:1 of WCAG AAA, while white text manages only 1.95:1. Its neighbors in the hue-sorted list of names are mediumturquoise and lightseagreen.
The closest Tailwind 4.3.3 color is teal-400, 0.039 away in OKLab, so bg-teal-400 comes near; bg-[#00ced1] gives the color itself.
Tints and shades
- #e2f7f7
- #c5f0f0
- #a6e8e8
- #84dfe0
- #5bd7d9
- #00ced1
- #00a1a4
- #007778
- #004e50
- #002a2a
- #00090a
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
- #00ced1
- #301e16
- #a5678a
- #ffcbe8
- #006b6a
Recolor's generator, with darkturquoise locked as swatch 1 and the seed taken from its hex, drew a split-complementary palette, built on the two hues beside its opposite: #301e16, #a5678a, #ffcbe8, #006b6a. Open it in Recolor.
Using darkturquoise
As a text color, darkturquoise on a black page gives the same 10.75:1.
.notice {
background-color: darkturquoise; /* #00ced1 */
color: black; /* 10.75:1 */
}Common questions
Does white text pass WCAG AA on darkturquoise?
No. White text measures 1.95:1 on darkturquoise, under AA's 4.5:1; black text measures 10.75:1 and passes.
Can darkturquoise be written in OKLCH?
Yes: oklch(77.2% 0.131 196.6), computed from #00ced1. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to darkturquoise?
Yes: mediumturquoise (#48d1cc) is the nearest, 0.024 away in OKLab, then turquoise at 0.057.