About Ghost White
Ghost White (ghostwhite) is a very light, vivid blue with the hex code #f8f8ff, or rgb(248, 248, 255). In HSL it sits at a hue of 240°, 100% saturation and 99% lightness. It is one of the 148 named colors every browser understands, so you can write color: ghostwhite; instead of the hex value.
Using Ghost White for text and backgrounds
| Pairing | Contrast ratio | WCAG |
|---|---|---|
| Ghost White text on white | 1.06 : 1 | fails |
| Ghost White text on black | 19.86 : 1 | AAA |
On a ghost white background, use black text (19.86 : 1). WCAG asks for at least 4.5 : 1 for body text and 3 : 1 for large text. Check other pairs with the Contrast Checker.
CSS
.element {
color: ghostwhite; /* or #f8f8ff */
background-color: #f8f8ff;
border: 1px solid rgb(248 248 255 / 50%);
}Similar named colors
Alice Blue (#f0f8ff), Snow (#fffafa), Mint Cream (#f5fffa), White (#ffffff), Azure (#f0ffff), White Smoke (#f5f5f5).
Color Name FinderPaste a HEX code to get its closest human-readable name and clean token names for your CSS, SCSS, JavaScript or Tailwind config.
Open the tool Frequently asked questions
What is the hex code for ghost white?
#f8f8ff — that is rgb(248, 248, 255) and hsl(240, 100%, 99%). In CSS you can also just write ghostwhite.
Is ghost white text readable on white?
Its contrast ratio on white is 1.06 : 1, which fails WCAG — use it for decoration or on a dark background instead.
What colors go well with ghost white?
Its complementary color is #fffffa; analogous colors #fafcff and #fcfaff sit next to it on the color wheel.