White smoke color

A white with a very light touch of gray. In CSS it's called whitesmoke. It makes a good interface background because it's easier on the eyes than pure white.

Also known as: whitesmoke.

White smoke · #F5F5F5

About white smoke

White smoke (#F5F5F5) is a neutral, light, almost unsaturated color. It belongs to the whites family. It mixes 245 red, 245 green and 245 blue (out of 255). It is mostly used in web, graphic design.

White smoke shades and tints

From lightest to darkest. Tap a shade to copy its code.

White smoke color harmonies

Combinations based on the color wheel. More in the color harmony tool.

Complementary

Analogous

Triadic

Split complementary

Tetradic

White smoke color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · White smoke

Analogous palette · White smoke

Complementary palette · White smoke

Triadic palette · White smoke

With neutrals palette · White smoke

With an accent palette · White smoke

White smoke contrast with text

White textContrast 1.1:1 · Not recommended

Black textContrast 19.3:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --white-smoke: #F5F5F5;
  --white-smoke-rgb: 245, 245, 245;
}
.bg { background-color: var(--white-smoke); }
.text { color: var(--white-smoke); }

Colors similar to white smoke

Off-white Snow white White Alice blue Mint cream Floral white Magnolia Lavender blush Platinum Linen

Themed palettes with this color

More whites

White Ivory Cream Bone Off-white Snow white Pearl Alabaster Linen Vanilla Eggshell Antique white Ecru Floral white Old lace Magnolia Mint cream Honeydew Warm white Oyster white

Frequently asked questions

What is the hex code for white smoke?

The hex code for white smoke is #F5F5F5. In RGB it is rgb(245, 245, 245), in HSL hsl(0, 0%, 96%) and in CMYK 0, 0, 0, 4.

What is the complementary color of white smoke?

Its complement on the color wheel is #F5F5F5, close to white smoke. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on white smoke?

Use black text instead: the contrast with white is only 1.1:1, while with black it is 19.3:1.