Skip to main content Skip to footer


Learning Centre

Colour Contrast

When you are choosing the colour of the text and background for your website, it is important to consider the colour contrast ratio. For users with low vision or colour blindness, it can be difficult to read website content if there is not enough contrast between the colour of the text and the background colour.

Check the colour contrast on your website

Use the WebAIM Colour Contrast Checker to verify that the contrast on your website is accessible. You'll need to insert the hex colour code for the text and background colours that are used on your website. 

The colour contrast checker will let you know if the contrast passes WCAG accessibility requirements