All the Colors

Understand. Compare. Create.

White: 25 shades, names and colour codes

Explore white shades, HTML and RGB codes, colour meanings and ideas for combining white in your projects.

Colour code and CSS reference

The CSS keyword white corresponds to #FFFFFF. It represents one specific white shade, not the entire colour family.

HEX
#FFFFFF
RGB
255, 255, 255
CMYK ≈
0%, 0%, 0%, 0%
HSL
0°, 0%, 100%

The displayed CMYK values are estimates without a print profile.

Meaning and perception

In sRGB, white has all three channels at their maximum. Painted or printed white depends on lighting, surface and undertones; physical whites are not all alike.

Which colours go with it?

Pairing white often means choosing a relationship between undertones, materials and shadow. Warm white, blue white and screen white are not the same starting point. Look at the existing surfaces before deciding which white will act as your reference.

White and wood: coordinate the fixed surfaces

With wooden flooring or furniture, compare white directly against the material. Off-white can continue warm tones; a more neutral white can create clearer separation. In an existing room, start with the floor, worktop and joinery, since these will be harder to replace than a cushion or small object.

White and blue: choose the background temperature

Greyed blue with slightly warm white can prevent a uniformly cool composition. For a sharper direction, try neutral white and navy. On a website, white can provide reading areas while blue organises navigation cues. Keep enough spacing: white also acts as an interval between pieces of content.

White and black: soften without losing structure

If the pair feels too severe, introduce texture or off-white before adding a new hue. In a living room, that might be ecru fabric; in a mock-up, a very light grey area between two blocks. Keep enough separation between text and background: softening the overall feel should not erase information.

How do you compare two whites before painting?

Place samples beside one another, then separate them to assess each against the floor and furniture. Look in daylight and under your lamps. White paper can be a comparison aid, but not a certification reference: its own white depends on the paper and lighting. Choose the white that connects the project’s materials, not necessarily the one that looks whitest.

Try this palette: warm white, oak and ink

Use warm white as the base, the oak tone for a secondary area and ink for a few boundaries. Try roughly 75%, 20% and 5%. The oak code below is a proposed flat colour for a mock-up, not a reproduction of real wood.

Warm white#F6F2E9
Oak tone#B9956B
Ink#2D3640

Suggested palette with copyable HEX codes for your own trials. These sRGB previews are not certified paint or textile specifications.

A common trap: assuming all whites will blend

A white door may appear yellowed beside a cooler wall even though its colour has not changed. Check the fixed whites before ordering paint. When photographing a white object on white, also provide visible separation through lighting, shadows or the background; a silhouette cannot rely on a colour name alone.

Shades of white

The names and previews below come from the site’s shade directory. Several codes may share a common name; these shades are not certified RAL or Pantone equivalents.

White#FFFFFF
Alabaster#FEFEFE
Clay#EFEFEF
Mist blue#F0FFFF
Light beige#F5F5DC
Eggshell#FEFEE2
Lead white#FEFEFE
White cream#FDF1B8
White silver#FEFEFE
White milk#FBFCFA
White linen#FAF0E6
White platinum#FAF0C5
White lead#FEFEFE
White Saturn#FEFEFE
Troyes white#FEFDF0
Zinc white#F6FEFE
Whiting#FEFDF0
White ivory#FFFFD4
Off-white#FEFEE0
White Lunar#F4FEFE
Snow White#FEFEFE
Opal white#F2FFFF
White-blue#FEFEFE
Eggshell#FDE9E0
Nymph thigh#FEE7F0
30 palettes. Your next idea starts here.

Get the free colour kit: HEX/RGB codes and a project worksheet.

Get my free kit →

Also discover: Casekit — customer support for online shops.