A bluish white, black text passes AA
What color is aliceblue?
The CSS named color aliceblue is #f0f8ff, or rgb(240 248 255): a bluish white in plain words. Black text on it reaches 19.58:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | aliceblue |
| Hex | #f0f8ff |
| RGB | rgb(240 248 255) |
| HSL | hsl(208 100% 97%) |
| OKLCH | oklch(97.5% 0.013 244.3) |
| Nearest Tailwind color | sky-50 #f0f9ff, 0.003 away in OKLab |
| White text | 1.07:1: AA fails, AAA fails, large text fails |
| Black text | 19.58:1: AA passes, AAA passes, large text passes |
About aliceblue
A bluish white is the plain description of aliceblue: OKLCH lightness 97.5%, chroma 0.013, hue 244.3 degrees.
Here HSL's lightness, 97%, lands near OKLCH's 97.5%, which is not true of every color. The CSS keyword ghostwhite (#f8f8ff) is almost the same color: 0.010 apart in OKLab, under the step most people notice.
Black text on aliceblue measures 19.58:1, past the 7:1 of WCAG AAA, while white text manages only 1.07:1. Its neighbors in the hue-sorted list of names are seashell and oldlace.
The closest Tailwind 4.3.3 color is sky-50, 0.003 away in OKLab, so bg-sky-50 comes very close; bg-[#f0f8ff] gives the color itself.
Tints and shades
- #fffdfe
- #fffbfc
- #fff9fb
- #fff7f9
- #fff5f8
- #f0f8ff
- #c8bfc1
- #948d8f
- #635e5f
- #363334
- #0f0d0e
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
- #f0f8ff
- #176758
- #da95d9
- #141923
- #a16c51
Recolor's generator, with aliceblue locked as swatch 1 and the seed taken from its hex, drew a free palette, hues spread around the wheel: #176758, #da95d9, #141923, #a16c51. Open it in Recolor.
Using aliceblue
As a text color, aliceblue on a black page gives the same 19.58:1.
.notice {
background-color: aliceblue; /* #f0f8ff */
color: black; /* 19.58:1 */
}Common questions
Does white text pass WCAG AA on aliceblue?
No. White text measures 1.07:1 on aliceblue, under AA's 4.5:1; black text measures 19.58:1 and passes.
Can aliceblue be written in OKLCH?
Yes: oklch(97.5% 0.013 244.3), computed from #f0f8ff. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to aliceblue?
Yes: ghostwhite (#f8f8ff) is the nearest, 0.010 away in OKLab, then whitesmoke at 0.014.