Ghost White
HEX: #F8F8FF | Modern Palette
Color Specifications
#F8F8FF
248, 248, 255
240°, 100% ,98%
3, 3, 0, 0
About Ghost White
Ghost White (#F8F8FF) is a color with RGB(248, 248, 255) and HSL(240°, 100%, 98.6%). It is commonly associated with Playful moods. In design, it fits Neon, Cool styles and is suitable for Text, Button, Background. Its complementary color is #FFFFF8, which creates strong contrast. Its triadic palette includes #FFF8F8 and #F8FFF8. The name comes from Ghost White (English).
- HEX: #F8F8FF
- RGB: 248, 248, 255
- HSL: 240°, 100%, 98.6%
- Mood: Playful
- Style: Neon, Cool
- Use case: Text, Button, Background
- Complementary color: #FFFFF8
- Triadic colors: #FFF8F8, #F8FFF8
- The name comes from Ghost White (English).
Live Components
Color Palettes
Color Harmonies
Complementary
The color directly opposite on the color wheel — creates maximum contrast and vibrance.
Analogous
Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.
Triadic
Three colors equally spaced 120° apart — bold, balanced, and visually rich.
Split-Complementary
Two colors flanking the complement — high contrast with less tension than full complementary.
Tetradic (Square)
Four colors at 90° intervals — rich variety, best when one color dominates.
Monochromatic
Shades and tints of the same hue — cohesive, elegant, and easy to work with.
Shades & Tints
A seamless scale of #F8F8FF from deepest shade to lightest tint.
Frequently Asked Questions
Name, History & Etymology
History
The concept of 'ghost white' draws from the common cultural depiction of ghosts as pale, ethereal, and often translucent figures. This imagery naturally led to the phrase being used to describe a very light, almost off-white color that lacks strong saturation. While the descriptive phrase has existed for a long time, its standardization as a specific color with a hexadecimal code (#f8f8ff) is a more modern development, largely driven by digital color systems and web standards (like X11 color names). It is one of the many named whites, distinguishing itself from pure white by a very slight hint of blue or grey, giving it a cooler tone.
First Recorded Use
The term 'ghost white' as a descriptive phrase for a very pale white likely predates its formal adoption as a specific color name. Its use as a named color, particularly in technical or artistic contexts, became more common in the late 19th or early 20th century. It was formally recognized and included in color systems like X11 in the late 20th century.
Cultural Associations
The name 'Ghost White' evokes a sense of the supernatural, mystery, and often a delicate, almost fragile quality. It's less stark than pure white and can suggest a subtle coolness or an aged, faded elegance. In design, it's often used when a very light background is desired that isn't quite as harsh as pure white, providing a softer visual experience. Its association with ghosts can also lend it a slightly melancholic or ethereal quality, depending on the context.
Similar Named Colors
Code Snippets
/* Background */
.element {
background-color: #F8F8FF;
}
/* Text */
.element {
color: #F8F8FF;
}
/* Border */
.element {
border: 1px solid #F8F8FF;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#F8F8FF,
#FFFFF8
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#F8F8FF,
#FFFFF8
);
}// SCSS variable
$ghost-white: #F8F8FF;
// With RGB channels (useful for rgba() usage)
$ghost-white-r: 248;
$ghost-white-g: 248;
$ghost-white-b: 255;
// Usage
.element {
background-color: $ghost-white;
color: rgba($ghost-white-r, $ghost-white-g, $ghost-white-b, 0.8);
}