White Smoke
Meet White Smoke (#F5F5F5), a whisper-soft off-white that offers a clean, modern foundation for digital interfaces. Its subtle warmth and minimal saturation provide a gentle alternative to pure white, creating visual space without the starkness, making it a versatile choice for designers.
White Smoke Code Conversions
HEX
#F5F5F5
LAB
97, 0, 0
RGB
245, 245, 245
XYZ
86.8, 91.3, 99.4
HSL
0°, 0%, 96%
LCH
97, 0, 158°
HSB
0°, 0%, 96%
LUV
97, 0, 0
HWB
0°, 96%, 4%
White Smoke Color Harmonies
Analogous
By pairing White Smoke with its neighbors on the color wheel, you create an analogous scheme that brings a sense of calm and unity.
Complementary
As opposites on the color wheel, complementary colors produce a vibrant, high-contrast look when used alongside the neutral base of White Smoke.
Split Complementary
White Smoke’s split complementary palette offers a balanced, high-contrast look by pairing it with the two colors adjacent to its direct complement.
Triadic
Triadic color schemes use three hues evenly spaced on the color wheel. With White Smoke as a base, this creates a vibrant, high-contrast palette.
Tetradic
A tetradic scheme for White Smoke uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant, balanced palette.
Square
A square color scheme uses four colors evenly spaced on the color wheel. With White Smoke, this creates a vibrant, high-contrast palette.
White Smoke Contrast Simulation
White Smoke Color Variations
Shades
Adding black to White Smoke produces darker shades, which can add gravity and dimension.
Tints
Tints of White Smoke are created by adding white, resulting in lighter, softer variations.
Tones
Tones of White Smoke are created by adding gray, which softens the color’s saturation.
Hues
Hues are variations of White Smoke, differing in intensity or temperature to create distinct moods.
What Interfaces Use Colors Like White Smoke?

























