GhostWhite Color — HEX, RGB, HSL, Palettes & Contrast

GhostWhite (#f8f8ff): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#f8f8ff
HEX #f8f8ff
RGB rgb(248, 248, 255)
HSL 240°, 100%, 99%

Use GhostWhite in Your Projects

About GhostWhite Color

GhostWhite is an extremely pale blue-white with a subtle cool undertone. It gives backgrounds a clean, crisp feel without being pure white.

Use Cases for GhostWhite

clean backgroundsmedical sitestech UIcode editorsdocumentation

Shades & Tints of GhostWhite

#ffffff
#fdfdff
#fcfcff
#fafaff
#f8f8ff
#bababf
#7c7c80
#3e3e40
#000000

Complementary Color

#f8f8ff
#fffffa

Analogous Colors

#fafcff
#f8f8ff
#fcfaff

Triadic Colors

#f8f8ff
#fffafa
#fafffa

Split Complementary

#f8f8ff
#fffcfa
#fcfffa

Tetradic Colors

#f8f8ff
#fffaff
#fffffa
#fafffa

CSS Code

.ghostwhite-color {
  color: #f8f8ff;
  background-color: #f8f8ff;
}

/* As a CSS custom property */
:root {
  --color-ghostwhite: #f8f8ff;
}

Accessibility Score

55 / 100
Rating: Fair
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on GhostWhite
Ratio: 19.86:1 ✓ Passes AA ✓ Passes AAA
White text on GhostWhite
Ratio: 1.06:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is GhostWhite?

GhostWhite is represented by the hex code #f8f8ff and has RGB values of rgb(248, 248, 255). It falls under the White category.

How to use GhostWhite in web design?

GhostWhite works well for clean backgrounds, medical sites, tech UI. GhostWhite is an extremely pale blue-white with a subtle cool undertone. It gives backgrounds a clean, crisp feel without being pure white. Use it as a primary color, accent, or background depending on your design needs.

What colors go with GhostWhite?

Colors that pair well with GhostWhite include aliceblue, azure, snow, whitesmoke, lavender. For a complementary scheme, try #fffffa. For an analogous scheme, use #fafcff and #fcfaff. For a triadic scheme, combine with #fffafa and #fafffa.