A vivid light cyan, black text passes AA
What color is mediumturquoise?
mediumturquoise is a vivid light cyan: #48d1cc in hex, rgb(72 209 204). Black text on it reaches 11.27:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | mediumturquoise |
| Hex | #48d1cc |
| RGB | rgb(72 209 204) |
| HSL | hsl(178 60% 55%) |
| OKLCH | oklch(78.7% 0.116 191.6) |
| Nearest Tailwind color | teal-400 #00d5be, 0.034 away in OKLab |
| White text | 1.86:1: AA fails, AAA fails, large text fails |
| Black text | 11.27:1: AA passes, AAA passes, large text passes |
About mediumturquoise
Measured in OKLCH, mediumturquoise comes out at lightness 78.7%, chroma 0.116 and hue 191.6 degrees: a vivid light cyan.
HSL puts its lightness at 55% and OKLCH at 78.7%, 24 points apart: HSL's lightness does not follow what the eye sees, OKLCH's is built to. Of the named colors, darkturquoise (#00ced1) is the nearest, 0.024 away in OKLab; next to each other the two still differ.
Black on mediumturquoise reads at 11.27:1, enough for AAA body text; white reaches 1.86:1 and should stay off it. In the hue-sorted table of named colors it sits between skyblue and darkturquoise.
In Tailwind CSS 4.3.3 the nearest default color is teal-400 (#00d5be), 0.034 away in OKLab; for the exact color, an arbitrary value such as bg-[#48d1cc] works.
Tints and shades
- #e5f8f6
- #cbf0ee
- #b0e9e5
- #93e1dd
- #72d9d4
- #48d1cc
- #36a4a0
- #267875
- #16504e
- #082a29
- #010a09
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
- #48d1cc
- #9b2b43
- #a6ebff
- #bd5abe
- #202103
Around mediumturquoise as swatch 1, Recolor's generator made a free palette, hues spread around the wheel: #9b2b43, #a6ebff, #bd5abe, #202103, drawn from a seed fixed by its hex. Open it in Recolor.
Using mediumturquoise
As a text color, mediumturquoise on a black page gives the same 11.27:1.
.notice {
background-color: mediumturquoise; /* #48d1cc */
color: black; /* 11.27:1 */
}Common questions
Does white text pass WCAG AA on mediumturquoise?
No. White text measures 1.86:1 on mediumturquoise, under AA's 4.5:1; black text measures 11.27:1 and passes.
Can mediumturquoise be written in OKLCH?
Yes: oklch(78.7% 0.116 191.6), computed from #48d1cc. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to mediumturquoise?
Yes: darkturquoise (#00ced1) is the nearest, 0.024 away in OKLab, then turquoise at 0.041.