Colour Contrast Checker (WCAG) — Free AA / AAA Test
Free WCAG colour contrast checker. Pick a text and background colour to see the contrast ratio and whether it passes WCAG AA and AAA for normal and large text, with a live preview.
TL;DR: Free WCAG colour contrast checker. Pick a text and background colour to see the contrast ratio and whether it passes WCAG AA and AAA for normal and la…
Written & reviewed by the Syllab.in Academic Team (CBSE/NCERT subject experts) · Updated
A free WCAG colour contrast checker. Pick a text and background colour to get the exact contrast ratio and see whether it passes WCAG AA and AAA — with a live preview.
WCAG contrast thresholds
- AA normal text — at least 4.5:1.
- AA large text (18px bold or 24px+) — at least 3:1.
- AAA (enhanced) — at least 7:1.
Why this matters beyond compliance
Low contrast text isn't just a checklist item — it's genuinely harder to read for anyone with low vision, colour blindness, or simply a phone screen in bright sunlight. Checking a colour pair before shipping a design catches a problem that's expensive to fix once real content has been written against the wrong colours.
The ratio ranges from 1:1 (identical) to 21:1 (black on white). 100% free, in your browser. Browse all free tools.