Colour Contrast Checker
Check whether text and background colours meet WCAG contrast guidelines. Free, no signup.
Sample text at a normal size for reading body copy.
Large text sample
Contrast ratio
11.76:1
Normal text AA
Needs 4.5:1
Normal text AAA
Needs 7.0:1
Large text AA
Needs 3.0:1
Large text AAA
Needs 4.5:1
What AA and AAA mean
AA is the level most teams aim for. It asks for a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. AAA is stricter, asking for 7:1 for normal text and 4.5:1 for large text. Large text means roughly 18.66px bold or 24px and above.
Contrast is one part of accessible design. Passing here does not on its own make a site compliant.
Want to check a whole page instead? Use the Website Contrast Checker.
Try Mindropic on your website
One line of code · First month free · Cancel any time
Try Mindropic on your website