White colour code

Text contrast

With white: 1.00:1 · With black: 21.00:1

Normal text needs 4.5:1 for AA; large text needs 3:1.

Use White in CSS

Copy this background and text pairing into your stylesheet.

.colour-white {
  background-color: #FFFFFF;
  color: #000000;
}

Use the HEX value for a consistent digital reference. Descriptive colour names can vary between collections and are not always valid CSS keywords. This code does not identify a paint, fabric or print specification.

Using White

Try it as a light canvas for photographs, illustrations and darker typography.

This pairing uses #000000 text on #FFFFFF. Results apply to solid colours; recheck contrast if you add transparency, imagery or effects.

White, off-white and transparent are different

#FFFFFF is opaque white: all three RGB channels are 255. Transparent pixels let the background show through. A white-looking area in an image may therefore change when placed on another background; inspect its opacity as well as its HEX code.

White against white has a 1:1 contrast ratio. For a white card on a white page, add spacing and a visible boundary where the design needs one. White text also needs a sufficiently dark background. The black-and-white pair above reaches 21:1, but softer text colours need their own check.

Ivory and floral white introduce warmer channel values. Compare them on the screen and surface you will actually use; a digital HEX code does not specify paper stock or a physical paint finish.

Colour companions