Colour Contrast Checker
Check text contrast against WCAG accessibility levels.
- Private
- No sign-up
- Works in your browser
Sample text
The quick brown fox jumps over the lazy dog.
Contrast ratio
15.54:1
AA normal text (4.5:1)Pass
AA large text (3:1)Pass
AAA normal text (7:1)Pass
AAA large text (4.5:1)Pass
What is the Colour Contrast Checker?
Pick a text colour and a background colour to see their contrast ratio and whether it passes WCAG AA and AAA for normal and large text, with a live sample preview.
How to use it
- 1Enter your details into the tool.
- 2Adjust any options to suit you.
- 3Read your result, and copy or download it if you need to.