#F6F2E9Understand. 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.
#B9956B#2D3640Suggested 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.
#FFFFFF#FEFEFE#EFEFEF#F0FFFF#F5F5DC#FEFEE2#FEFEFE#FDF1B8#FEFEFE#FBFCFA#FAF0E6#FAF0C5#FEFEFE#FEFEFE#FEFDF0#F6FEFE#FEFDF0#FFFFD4#FEFEE0#F4FEFE#FEFEFE#F2FFFF#FEFEFE#FDE9E0#FEE7F0Get the free colour kit: HEX/RGB codes and a project worksheet.