A vivid light blue, black text passes AA
What color is deepskyblue?
The CSS named color deepskyblue is #00bfff, or rgb(0 191 255): a vivid light blue in plain words. Black text on it reaches 9.90:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | deepskyblue |
| Hex | #00bfff |
| RGB | rgb(0 191 255) |
| HSL | hsl(195 100% 50%) |
| OKLCH | oklch(75.5% 0.153 231.6) |
| Nearest Tailwind color | sky-400 #00bcff, 0.008 away in OKLab |
| White text | 2.12:1: AA fails, AAA fails, large text fails |
| Black text | 9.90:1: AA passes, AAA passes, large text passes |
About deepskyblue
Measured in OKLCH, deepskyblue comes out at lightness 75.5%, chroma 0.153 and hue 231.6 degrees: a vivid light blue.
Its HSL lightness, 50%, says little about how light deepskyblue looks; OKLCH, made to match the eye, measures 75.5%, 26 points away. No CSS keyword matches it; lightskyblue (#87cefa) is the nearest, 0.089 away in OKLab, a clear step off.
Black on deepskyblue reads at 9.90:1, enough for AAA body text; white reaches 2.12:1 and should stay off it. Its neighbors in the hue-sorted list of names are lightsteelblue and cornflowerblue.
The closest Tailwind 4.3.3 color is sky-400, 0.008 away in OKLab, so bg-sky-400 comes very close; bg-[#00bfff] gives the color itself.
Tints and shades
- #e1f5ff
- #c3ebff
- #a3e1ff
- #81d6ff
- #57cbff
- #00bfff
- #0095c8
- #006d94
- #004863
- #002636
- #00080f
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
- #00bfff
- #0d5275
- #ffcfaa
- #2c231c
- #579abd
Around deepskyblue as swatch 1, Recolor's generator made a complementary palette, built on the hue opposite: #0d5275, #ffcfaa, #2c231c, #579abd, drawn from a seed fixed by its hex. Open it in Recolor.
Using deepskyblue
As a text color, deepskyblue on a black page gives the same 9.90:1.
.notice {
background-color: deepskyblue; /* #00bfff */
color: black; /* 9.90:1 */
}Common questions
Does white text pass WCAG AA on deepskyblue?
No. White text measures 2.12:1 on deepskyblue, under AA's 4.5:1; black text measures 9.90:1 and passes.
Can deepskyblue be written in OKLCH?
Yes: oklch(75.5% 0.153 231.6), computed from #00bfff. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to deepskyblue?
No. The nearest, lightskyblue (#87cefa), is 0.089 away in OKLab, a different color.