A vivid light blue, black text passes AA
What color is lightskyblue?
The CSS named color lightskyblue is #87cefa, or rgb(135 206 250): a vivid light blue in plain words. Black text on it reaches 12.24:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | lightskyblue |
| Hex | #87cefa |
| RGB | rgb(135 206 250) |
| HSL | hsl(203 92% 75%) |
| OKLCH | oklch(82.1% 0.095 236.8) |
| Nearest Tailwind color | sky-300 #74d4ff, 0.021 away in OKLab |
| White text | 1.72:1: AA fails, AAA fails, large text fails |
| Black text | 12.24:1: AA passes, AAA passes, large text passes |
About lightskyblue
A vivid light blue is the plain description of lightskyblue: OKLCH lightness 82.1%, chroma 0.095, hue 236.8 degrees.
Its lightness is 75% in HSL and 82.1% in OKLCH, 7 points apart; only the second tracks how light it looks. The closest CSS named color is skyblue (#87ceeb), 0.022 away in OKLab: near, and still a visible step from it side by side.
Black text on lightskyblue measures 12.24:1, past the 7:1 of WCAG AAA, while white text manages only 1.72:1. Its neighbors in the hue-sorted list of names are darkslategray and lightsteelblue.
The closest Tailwind 4.3.3 color is sky-300, 0.021 away in OKLab, so bg-sky-300 comes near; bg-[#87cefa] gives the color itself.
Tints and shades
- #ecf7ff
- #d8effe
- #c5e7fd
- #b1dffc
- #9cd6fb
- #87cefa
- #69a1c4
- #4c7791
- #314e61
- #182a35
- #04090e
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
- #87cefa
- #00609d
- #dae4c5
- #d65d98
- #042231
Recolor's generator, with lightskyblue locked as swatch 1 and the seed taken from its hex, drew a triadic palette, three hues a third of the wheel apart: #00609d, #dae4c5, #d65d98, #042231. Open it in Recolor.
Using lightskyblue
As a text color, lightskyblue on a black page gives the same 12.24:1.
.notice {
background-color: lightskyblue; /* #87cefa */
color: black; /* 12.24:1 */
}Common questions
Does white text pass WCAG AA on lightskyblue?
No. White text measures 1.72:1 on lightskyblue, under AA's 4.5:1; black text measures 12.24:1 and passes.
Can lightskyblue be written in OKLCH?
Yes: oklch(82.1% 0.095 236.8), computed from #87cefa. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to lightskyblue?
Yes: skyblue (#87ceeb) is the nearest, 0.022 away in OKLab, then lightsteelblue at 0.056.