Ghost White #F8F8FF

Ghost White#F8F8FF · rgb(248, 248, 255)

Ghost White color codes

CSS nameghostwhite
HEX#F8F8FF
RGBrgb(248, 248, 255)
HSLhsl(240, 100%, 99%)
CMYKcmyk(3%, 3%, 0%, 0%)
Decimal16316671

Shades of Ghost White (darker)

#DFDFE6 · #C6C6CC · #AEAEB3 · #959599 · #7C7C80 · #636366 · #4A4A4D · #323233 · #19191A

Tints of Ghost White (lighter)

#F9F9FF · #F9F9FF · #FAFAFF · #FBFBFF · #FCFCFF · #FCFCFF · #FDFDFF · #FEFEFF · #FEFEFF

Color harmonies

Complementary
#FFFFFA
Triadic
#FFFAFA, #FAFFFA
Analogous
#FAFCFF, #FCFAFF

Accessibility (WCAG contrast)

White text on Ghost White1.06:1 · Fail
Black text on Ghost White19.86:1 · AAA

Use Ghost White in code

.element {
  color: ghostwhite;          /* or #f8f8ff */
  background-color: rgb(248 248 255 / 0.5);
}

Frequently asked questions

What is the hex code for Ghost White?

Ghost White is #F8F8FF in HEX, rgb(248, 248, 255) in RGB and hsl(240, 100%, 99%) in HSL.

Can I use "ghostwhite" directly in CSS?

Yes. "ghostwhite" is one of the 148 standard CSS named colors, so color: ghostwhite; works in every browser.

Is Ghost White readable on white?

The contrast ratio of Ghost White on white is 1.06:1 (WCAG Fail). On black it is 19.86:1 (AAA).

What is the complementary color of Ghost White?

The complementary color (opposite on the color wheel) is #FFFFFA.

Similar colors

Alice Blue#F0F8FFSnow#FFFAFAMint Cream#F5FFFAWhite#FFFFFFAzure#F0FFFFWhite Smoke#F5F5F5Lavender Blush#FFF0F5Floral White#FFFAF0

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.