WCAG Contrast Checker
Check text/background contrast against WCAG AA and AAA standards.
Large Text Preview
The quick brown fox jumps over the lazy dog.
Related Guide
WCAG Contrast Checker: How Much Contrast Does Your Text Actually Need?
About This Tool
Free WCAG contrast checker — enter a text color and background color to instantly calculate the contrast ratio and see whether it passes WCAG 2.1 AA and AAA accessibility standards for normal and large text. No sign-up, no upload, entirely browser-based. Web designers and developers use this to make sure body text, buttons, and links remain readable for users with low vision or color blindness, and to meet accessibility compliance requirements (WCAG is the basis for ADA and Section 508 compliance in many jurisdictions). The tool shows a live text preview on the chosen background so you can visually confirm readability alongside the numeric ratio and pass/fail badges.
How to Use
- 1
Set the text color
Pick or type the HEX value of your text color.
- 2
Set the background color
Pick or type the HEX value of the background it sits on.
- 3
Read the result
See the exact contrast ratio and pass/fail badges for WCAG AA and AAA, for both normal and large text.