- No data uploaded
- Instant results
Ghost White — #F8F8FF
Ghost White is the CSS named colour ghostwhite, hex #F8F8FF. It has a contrast ratio of 1.06:1 on white and 19.86:1 on black — best used as text on dark backgrounds.
Ghost White — #F8F8FF
Contrast on white 1.06:1 · on black 19.86:1
Tints
Shades
Complementary
Triadic
Analogous
Using Ghost White in code
CSS: color: ghostwhite; or color: #F8F8FF; · Tailwind: text-[#F8F8FF] · Android/Flutter: 0xFFF8F8FF
Ghost White colour harmonies
Complementary: #FFFFF8 · Triadic: #FFF8F8, #F8FFF8 · Analogous: #F8FBFF, #FBF8FF. Use tints for backgrounds and shades for hover states.
Ghost White in every colour format
| Format | Value |
|---|---|
| HEX | #F8F8FF |
| RGB | rgb(248, 248, 255) |
| HSL | hsl(240, 100%, 99%) |
| HSV | hsv(240, 3%, 100%) |
| CMYK | cmyk(3%, 3%, 0%, 0%) |
| CSS name | ghostwhite |
| Contrast on white | 1.06:1 |
| Contrast on black | 19.86:1 |
Frequently asked questions
What is the hex code for Ghost White?
#F8F8FF (CSS name: ghostwhite).
What is Ghost White in RGB?
rgb(248, 248, 255)
What colour goes well with Ghost White?
Its complementary colour #FFFFF8, or the analogous #F8FBFF and #FBF8FF.