Ghost White is a very light, vivid shade in the white color family, with a cool feel. Its HEX code is #F8F8FF, which equals rgb(248, 248, 255) in RGB and hsl(240, 100%, 99%) in HSL. In print terms it converts to roughly C3 M3 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#F8F8FF - RGB
248, 248, 255 - HSL
240°, 100%, 99% - CMYK
3, 3, 0, 0 - Family
White - Tone
Very light, vivid
About Ghost White
White and off-white shades keep layouts clean and open. Slightly tinted whites such as ivory, snow and ghost white add warmth or coolness without losing brightness. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 19.86:1. Its complementary color is #FFFFFA.
Download Ghost White as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Ghost White color codes
| HEX | #F8F8FF |
|---|---|
| RGB | rgb(248, 248, 255) |
| HSL | hsl(240, 100%, 99%) |
| HSV | 240°, 3%, 100% |
| CMYK | 3%, 3%, 0%, 0% |
| Decimal | 16316671 |
Shades and tints of Ghost White
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FEFEFF - 100
#FDFDFF - 200
#FCFCFF - 300
#FAFAFF - 400
#F9F9FF - 500
#F8F8FF - 600
#CFCFD5 - 700
#A5A5AA - 800
#7C7C80 - 900
#535355 - 950
#29292B
Color harmonies for Ghost White
- Complementary
#FFFFFA≈ White - Analogous −30°
#FAFCFF≈ Ghost White - Analogous +30°
#FCFAFF≈ Ghost White - Triadic +120°
#FFFAFA≈ White - Triadic +240°
#FAFFFA≈ Mint Cream - Split 150°
#FFFCFA≈ Snow - Split 210°
#FCFFFA≈ White
Contrast and accessibility of Ghost White
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Ghost White | Aa | 1.06:1 | Fails |
| Black text on Ghost White | Aa | 19.86:1 | AAA (excellent) |
CSS code for Ghost White
background-color: #F8F8FF;color: #F8F8FF;background-color: rgb(248, 248, 255);background-color: hsl(240, 100%, 99%);:root { --color-ghost-white: #F8F8FF; }class="bg-[#F8F8FF]"Colors similar to Ghost White
- Alice Blue
#F0F8FF - Snow
#FFFAFA - White Smoke
#F5F5F5 - Mint Cream
#F5FFFA - White
#FFFFFF - Azure
#F0FFFF - Cool Gray 95
#F1F2F3 - Neutral Gray 95
#F2F2F2 - Lavender Blush
#FFF0F5 - Floral White
#FFFAF0 - Warm Gray 95
#F3F2F1 - Seashell
#FFF5EE
More white shades
- White
#FFFFFF - Snow
#FFFAFA - Ivory
#FFFFF0 - Alice Blue
#F0F8FF - Azure
#F0FFFF - Floral White
#FFFAF0 - Honeydew
#F0FFF0 - Lavender Blush
#FFF0F5 - Seashell
#FFF5EE - White Smoke
#F5F5F5
Frequently asked questions
What is the HEX code for Ghost White?
The HEX code for Ghost White is #F8F8FF.
What is the RGB value of Ghost White?
Ghost White has an RGB value of 248, 248, 255 (rgb(248, 248, 255)). In HSL it is 240°, 100%, 99%.
What text color should I use on Ghost White?
Use black text on Ghost White. White text has a contrast ratio of 1.06:1 and black text has 19.86:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Ghost White?
The complementary color of Ghost White is #FFFFFA. Analogous colors #FAFCFF and #FCFAFF also pair well.