Ghost White hex code
The hex code for ghost white is #F8F8FF. In RGB that is rgb(248, 248, 255) and in HSL it is hsl(240, 100%, 99%).
The hex code for ghost white is #F8F8FF. In RGB that is rgb(248, 248, 255) and in HSL it is hsl(240, 100%, 99%).
Ghost White · #F8F8FF
Colour codes
- HEX
- #F8F8FF
- RGB
- rgb(248, 248, 255)
- HSL
- hsl(240, 100%, 99%)
- CMYK
- 3, 3, 0, 0
- CSS name
- ghostwhite
- Contrast on white
- 1.06:1
- Contrast on black
- 19.86:1
Tints and shades
20% lighter · #f9f9ff
40% lighter · #fbfbff
60% lighter · #fcfcff
80% lighter · #fefeff
20% darker · #c6c6cc
40% darker · #959599
60% darker · #636366
80% darker · #323233
Complementary colour
Ghost White · #F8F8FF
Opposite on the colour wheel · #fffffa
Frequently asked questions
What is the hex code for ghost white?
The hex code for ghost white is #F8F8FF. In RGB that is rgb(248, 248, 255) and in HSL it is hsl(240, 100%, 99%).
Can I use ghost white for text?
It has a contrast ratio of 1.06:1 on white and 19.86:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with ghost white?
Its complementary colour, opposite on the colour wheel, is #FFFFFA. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of ghost white instead.
Is ghost white a CSS colour name?
Yes. CSS accepts the keyword ghostwhite, so color: ghostwhite and color: #F8F8FF render exactly the same.