GhostWhite Color

Learn about GhostWhite (#f8f8ff): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

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

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

CSS Code

.ghostwhite-color {
  color: #f8f8ff;
}

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.