CSS named color
GhostWhite
#F8F8FF
HEX
#f8f8ffRGB
rgb(248, 248, 255)HSL
hsl(240, 100%, 99%)OKLCH
oklch(98.11% 0.0093 286.23)NAME
ghostwhitePalette
Complementary
180° on the color wheelComplement
#FFFFFA
Analogous
±30° around the base hueLeft
#FAFCFF
Right
#FCFAFF
Triadic
±120° for harmonic contrastTriad 1
#FFFAFA
Snow
Triad 2
#FAFFFA
Shades
Lighter and darker variantsCSS usage
By name
color: ghostwhite;
background-color: ghostwhite;By HEX
color: #f8f8ff;
background-color: #f8f8ff;By RGB
color: rgb(248, 248, 255);
background-color: rgb(248, 248, 255);By HSL
color: hsl(240, 100%, 99%);
background-color: hsl(240, 100%, 99%);WCAG contrast vs white
Aa
1.06:1
Below minimum
WCAG contrast vs black
Aa
19.86:1
AAA
Related colors
FAQ — GhostWhite
What is the HEX code for GhostWhite?
The HEX code for GhostWhite is #F8F8FF. It's one of the 148 named CSS colors and can be used directly in CSS as color: ghostwhite; or color: #f8f8ff;
What is GhostWhite in RGB?
GhostWhite in RGB is rgb(248, 248, 255) — red 248, green 248, blue 255.
What is GhostWhite in HSL?
GhostWhite in HSL is hsl(240, 100%, 99%) — hue 240°, saturation 100%, lightness 99%.
What is the complementary color of GhostWhite?
The complementary color (directly opposite GhostWhite on the color wheel) is #FFFFFA. The two together produce maximum contrast.
Is white text readable on GhostWhite?
The WCAG contrast ratio against white (#FFFFFF) is 1.06:1, and against black (#000000) it's 19.86:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.