WCAG Contrast Checker
Check whether a foreground / background colour pair meets WCAG 2 accessibility ratios. AA + AAA, normal + large text — instant in your browser.
Need more than a converter? AI background removal, upscale, edit and generate — one workspace.
How to use the WCAG Contrast Checker
- 1Pick foreground + backgroundThe two colour swatches drive the live contrast calculation.
- 2Read the contrast ratioRatios above 4.5:1 pass AA for normal text; 7:1 passes AAA.
- 3Adjust until all checks passNudge lightness on either colour to land in the safe zone.
WCAG contrast — the rules
WCAG 2 specifies minimum colour contrast ratios for legibility. AA (the de-facto standard) requires 4.5:1 for normal text and 3:1 for large text. AAA (stricter) requires 7:1 for normal and 4.5:1 for large.
'Large text' is 18pt or 14pt-bold and above. The contrast ratio is calculated from each colour's relative luminance, scaled (L_lighter + 0.05) / (L_darker + 0.05).
Frequently asked questions
Free?
Which WCAG version?
APCA?
Does it test images?
Mobile?
Need more than free tools? Get Postcrest's full AI image suite.
AI background removal, AI upscaling, AI image editor and AI photoshoot — every leading model in one workspace.