Color Palettes

Ghost white color

A cool white with a barely visible blue tint, listed among the standard web color names. It looks crisp and modern on websites, app backgrounds and minimalist interiors.

Also known as: Ghostwhite.

The hex code for ghost white is #F8F8FF. In RGB it is rgb(248, 248, 255), in HSL hsl(240, 100%, 99%) and in CMYK 3, 3, 0, 0.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to ghost white

Magnolia#F8F4FFAlice blue#F0F8FFWhite smoke#F5F5F5Snow white#FFFAFAWhite#FFFFFFCotton white#FBFBF9

About ghost white

Ghost white (#F8F8FF) is a cool, light, highly saturated color. It belongs to the whites family. It mixes 248 red, 248 green and 255 blue (out of 255). It is mostly used in web, UI, backgrounds.

Swatch of Ghost white with its shades from light to dark · #F8F8FF
Ghost white · #F8F8FF

Ghost white shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Ghost white outfits: palettes by season

Outfit palettes with ghost white or a very close shade, each with 8 outfits to copy.

MinimalistSpring · MenOfficeSpring · MenMinimalistSummer · MenNight outSummer · MenMinimalistWinter · MenOfficeWinter · Men

Ghost white color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Floral white
Analogous
TriadicClose to: Snow white, Mint cream
Split complementaryClose to: Off-white, Mint cream
TetradicClose to: Snow white, Floral white, Mint cream

Ghost white color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Ghost white
Analogous palette · Ghost white
Complementary palette · Ghost white
Triadic palette · Ghost white
With neutrals palette · Ghost white
With an accent palette · Ghost white

Ghost white contrast with text

White textContrast 1.1:1 · Not recommended
Black textContrast 19.9:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --ghost-white: #F8F8FF;
  --ghost-white-rgb: 248, 248, 255;
}
.bg { background-color: var(--ghost-white); }
.text { color: var(--ghost-white); }

Colors similar to ghost white

Off-whiteLavender blushMint creamPorcelain

Themed palettes with this color

More whites

WhiteIvoryCreamBoneOff-whiteSnow whitePearlAlabasterLinenWhite smokeVanillaEggshellAntique whiteEcruFloral whiteOld laceMagnoliaMint creamHoneydewWarm whiteOyster whiteChalk whitePorcelainSeashell
Swatch of Ghost white with its shades from light to dark · #F8F8FF
Swatch of Ghost white with its shades from light to dark · #F8F8FF

Try this next

Name color paletteType a name and get your own color story paletteColor TowerThe color palette game: stack blocks in a gradientSelfie color analysisFind your season and best colors from one photo
See all free tools →

Frequently asked questions

What is the hex code for ghost white?

The hex code for ghost white is #F8F8FF. In RGB it is rgb(248, 248, 255), in HSL hsl(240, 100%, 99%) and in CMYK 3, 3, 0, 0.

What is the complementary color of ghost white?

Its complement on the color wheel is #FFFFF8, close to floral white. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on ghost white?

Use black text instead: the contrast with white is only 1.1:1, while with black it is 19.9:1.