A bluish white, black text passes AA
What color is ghostwhite?
The CSS named color ghostwhite is #f8f8ff, or rgb(248 248 255): a bluish white in plain words. Black text on it reaches 19.86:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | ghostwhite |
| Hex | #f8f8ff |
| RGB | rgb(248 248 255) |
| HSL | hsl(240 100% 99%) |
| OKLCH | oklch(98.1% 0.009 286.2) |
| Nearest Tailwind color | slate-50 #f8fafc, 0.008 away in OKLab |
| White text | 1.06:1: AA fails, AAA fails, large text fails |
| Black text | 19.86:1: AA passes, AAA passes, large text passes |
About ghostwhite
In OKLCH terms ghostwhite has a lightness of 98.1%, a chroma of 0.009 and a hue of 286.2 degrees, a bluish white to the eye.
Here HSL's lightness, 99%, lands near OKLCH's 98.1%, which is not true of every color. The CSS keyword aliceblue (#f0f8ff) is almost the same color: 0.010 apart in OKLab, under the step most people notice.
For text, ghostwhite wants black: 19.86:1 clears even AAA's 7:1, and white at 1.06:1 fails AA. Its neighbors in the hue-sorted list of names are honeydew and seashell.
The closest Tailwind 4.3.3 color is slate-50, 0.008 away in OKLab, so bg-slate-50 comes very close; bg-[#f8f8ff] gives the color itself.
Tints and shades
- #fffefe
- #fffcfd
- #fffbfc
- #fff9fb
- #fff8fa
- #f8f8ff
- #c8c1c3
- #948f90
- #635f60
- #363434
- #0f0e0e
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
- #f8f8ff
- #4ba086
- #26281d
- #d8b9e4
- #505971
Locked as the first of five swatches, ghostwhite gets #4ba086, #26281d, #d8b9e4, #505971 from Recolor's generator, a free palette, hues spread around the wheel. The seed is its hex, so the palette stays the same. Open it in Recolor.
Using ghostwhite
As a text color, ghostwhite on a black page gives the same 19.86:1.
.notice {
background-color: ghostwhite; /* #f8f8ff */
color: black; /* 19.86:1 */
}Common questions
Does white text pass WCAG AA on ghostwhite?
No. White text measures 1.06:1 on ghostwhite, under AA's 4.5:1; black text measures 19.86:1 and passes.
Can ghostwhite be written in OKLCH?
Yes: oklch(98.1% 0.009 286.2), computed from #f8f8ff. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to ghostwhite?
Yes: aliceblue (#f0f8ff) is the nearest, 0.010 away in OKLab, then snow at 0.013.