White Smoke

A light grayish white like wisps of smoke or mist, a soft and hazy neutral base

Black & White Calm Digital Standard

HEX#F5F5F5

RGBrgb(245, 245, 245)

HSLhsl(0, 0%, 96%)

HSVhsv(0, 0%, 96%)

CMYKcmyk(0%, 0%, 0%, 4%)

HEXA#F5F5F5FF

RGBArgba(245, 245, 245, 1)

HSLAhsla(0, 0%, 96%, 1)

OKLCHoklch(98.7%, 0, 90)

LCHlch(98.5%, 10, 214)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)

Triadic3 hues spaced 120° apart

Split ComplementaryMain color + colors adjacent to its complement

Complementary2 hues spaced 180° apart

Tetradic (Rectangle)4 hues forming a rectangle

MonochromaticSingle hue with varying saturation and lightness

♿ WCAG Contrast Colors

Learn More →

Aa14px Body

High Contrast Text

#545454Ratio 6.9:1AA

Suitable for body text, headings, and primary content, ensuring readability for all users

Aa14px Body

Standard Text

#707070Ratio 4.5:1AA

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#8F8F8FRatio 3:1AA Large

Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries

Aa14px Body

Decorative / Dividers

#B0B0B0Ratio 2:1Fail

Suitable for decorative elements, dividers, non-essential text

📊 Color Scales

Online Color Picker → Gradient Generator →

Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%

#4A4A4A

#666666

#828282

#9E9E9E

#BDBDBD

#D9D9D9

#F5F5F5

Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%

#F5F5F5

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#4A4A4A

#666666

#828282

#9E9E9E

#BDBDBD

#D9D9D9

#F5F5F5

Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°

#F5F5F5

💡 Use Cases

🖥️

Web Backgrounds

Default background for various websites, providing a soft visual foil without interfering with content.

📄

Document Layout

Page base color for electronic documents and presentations, reducing eye dryness from prolonged reading.

🧱

Minimalist Walls

Wall color for Nordic-style homes, adding spatial depth and layering through subtle gray tones.

👕

Basic Apparel

Versatile base color for T-shirts and casual wear, easily paired with any style of accessory.

📜 Origin & History

'White Smoke' first appeared as a standard CSS color name in the W3C's color specifications. It was one of the 16 basic colors established in the early days of the World Wide Web and a member of the foundational web design color palette.

In the evolution of digital interface design, White Smoke gradually became one of the most commonly used background colors by UI designers, serving as a replacement for pure white to reduce screen glare in low-light environments.

In graphic design, White Smoke is heavily used for negative space and background treatments. The subtle gray tone it presents on printed materials allows paper texture to become part of the design.

Nordic home design extensively adopted White Smoke for walls and textiles in the early 21st century, replacing overused pure white to create a more layered minimalist space.

Today, White Smoke has become the most ubiquitous background color of the digital age. Its neutral nature makes it the perfect foil for all other colors, a silent hero in visual design.

🧠 Color Psychology

Hazy SoftnessA barely-there gray tone like smoke or mist, creating a soft visual experience with blurred boundaries.

Quiet CompanionshipAs the least obtrusive background color, it silently sets off the subject without vying for attention.

Aesthetics of Blank SpaceA digital continuation of the 'blank space' aesthetic from Eastern ink wash painting, giving ample breathing room to visuals.

Balanced ModerationThe purity of white and the rationality of gray achieve a perfect balance here, avoiding extremes.

Comfortable Eye CareA gentler screen color than pure white, making extended reading a more comfortable experience.

Low-key PragmatismNot eye-catching or ostentatious, fulfilling functional needs while maintaining a humble presence.

← Back to Explore Colors