A medium cyan, black text passes AA
What color is cadetblue?
The CSS named color cadetblue is #5f9ea0, or rgb(95 158 160): a medium cyan in plain words. Black text on it reaches 6.88:1, passing WCAG AA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | cadetblue |
| Hex | #5f9ea0 |
| RGB | rgb(95 158 160) |
| HSL | hsl(182 25% 50%) |
| OKLCH | oklch(65.8% 0.065 198.3) |
| Nearest Tailwind color | teal-600 #009689, 0.071 away in OKLab |
| White text | 3.05:1: AA fails, AAA fails, large text passes |
| Black text | 6.88:1: AA passes, AAA fails, large text passes |
About cadetblue
Measured in OKLCH, cadetblue comes out at lightness 65.8%, chroma 0.065 and hue 198.3 degrees: a medium cyan.
Its HSL lightness, 50%, says little about how light cadetblue looks; OKLCH, made to match the eye, measures 65.8%, 16 points away. No CSS keyword matches it; lightseagreen (#20b2aa) is the nearest, 0.061 away in OKLab, a clear step off.
Black is the ink for cadetblue: 6.88:1 passes AA for body text, where white stops at 3.05:1. Its neighbors in the hue-sorted list of names are lightseagreen and darkcyan.
The closest Tailwind 4.3.3 color is teal-600, 0.071 away in OKLab, so bg-teal-600 comes near; bg-[#5f9ea0] gives the color itself.
Tints and shades
- #e4eeef
- #cadedf
- #afcecf
- #95bebf
- #7aaeaf
- #5f9ea0
- #497b7d
- #345a5b
- #203a3b
- #0e1e1e
- #020505
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
- #5f9ea0
- #002a2d
- #7bbaf1
- #5a4e00
- #ffd5ec
Around cadetblue as swatch 1, Recolor's generator made a free palette, hues spread around the wheel: #002a2d, #7bbaf1, #5a4e00, #ffd5ec, drawn from a seed fixed by its hex. Open it in Recolor.
Using cadetblue
As a text color, cadetblue on a black page gives the same 6.88:1.
.notice {
background-color: cadetblue; /* #5f9ea0 */
color: black; /* 6.88:1 */
}Common questions
Does white text pass WCAG AA on cadetblue?
No. White text measures 3.05:1 on cadetblue, under AA's 4.5:1; black text measures 6.88:1 and passes.
Can cadetblue be written in OKLCH?
Yes: oklch(65.8% 0.065 198.3), computed from #5f9ea0. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to cadetblue?
No. The nearest, lightseagreen (#20b2aa), is 0.061 away in OKLab, a different color.