Color Contrast Checker

The color contrast checker lets you verify whether a text/background colour combination meets WCAG 2.1 accessibility standards (AA and AAA levels).

100% free - No ads - No registration - No data collection

Digital accessibility is essential for all users.
Digital accessibility is essential for all users.
21.00:1
AA Normal text
AA Large text
AAA Normal text
AAA Large text

How to use the contrast checker?

1

Choose the colours

Pick the text colour and background colour using the colour selectors.

2

See the result

The contrast ratio and WCAG AA/AAA thresholds are displayed instantly.

3

Adjust until compliant

Tweak the colours until you reach the AA or AAA level you need for your project.

Need real web guidance?

3545 supports your web projects from conception to maintenance.

Talk about your project
Request a quote