Charles Sturt University
Charles Sturt University

Colour Contrast

There must be a clear distinction between foreground and background colours used.

The contrast ratio between the background and foreground colours must be:

  • 4.5:1 for standard text
  • 3.0:1 for large text

There are a number of online tools and browser extensions available to test colour contrast ratios and suggest alternatives.

Techniques

If a background colour adjustment is not possible, consider changing the colour and/or size of the foreground text.

Further Reading