Color Palettes

White color

On screen it's all light combined: red, green and blue at full strength. It's associated with cleanliness, peace and order. It's the most common background on the web and the base of minimalist decor.

White · #FFFFFF

About white

White (#FFFFFF) is a neutral, light, almost unsaturated color. It belongs to the whites family. It mixes 255 red, 255 green and 255 blue (out of 255). It is mostly used in web, home decor, fashion, branding.

White shades and tints

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

Colors that go with white

BlackThe most classic, elegant contrast.Navy blueFresh, nautical and always right.BeigeA soft, warm base.GoldClean luxury, perfect for weddings.Sage greenA natural, relaxed style.RedA bright, cheerful contrast.Sky blueA fresh, summery pair.TerracottaA warm Mediterranean style.
How to wear and decorate with white →

White color harmonies

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

Complementary
Analogous
Triadic
Split complementary
Tetradic

White color palettes

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

Monochromatic palette · White
Analogous palette · White
Complementary palette · White
Triadic palette · White
With neutrals palette · White
With an accent palette · White

White contrast with text

White textContrast 1.0:1 · Not recommended
Black textContrast 21.0:1 · AAA

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

CSS code

:root {
  --white: #FFFFFF;
  --white-rgb: 255, 255, 255;
}
.bg { background-color: var(--white); }
.text { color: var(--white); }

Colors similar to white

Snow whiteOff-whiteWhite smokeIvoryLinenAlabasterPlatinumEggshellAntique whiteBeige

Themed palettes with this color

More whites

IvoryCreamBoneOff-whiteSnow whitePearlAlabasterLinenWhite smokeVanillaEggshellAntique whiteEcru

Frequently asked questions

What is the hex code for white?

The hex code for white is #FFFFFF. In RGB it is rgb(255, 255, 255), in HSL hsl(0, 0%, 100%) and in CMYK 0, 0, 0, 0.

What is the complementary color of white?

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

Can you use white text on white?

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

What colors go with white?

It pairs well with black, navy blue, beige, gold, sage green. Avoid mixing different whites by accident, like pure white with ivory, because one ends up looking dirty. White with very pale yellow also loses impact.