WCAG Contrast Checker
DeveloperCompare any two colors against every WCAG contrast requirement for normal and large text, from AA to AAA. Free and private; colors never leave your browser.
Aa
FreetoolsY
Contrast ratio
5.17:1
AA Normal
PASS
AA Large
PASS
AAA Normal
FAIL
AAA Large
PASS
What is WCAG contrast?
The WCAG guidelines define how much contrast text must have against its background to stay readable, as a ratio that compares the relative luminance of the two colors. This tool computes the contrast ratio live and shows exactly which WCAG success criteria your color pair passes or fails.
What are the required ratios?
- AA Normal text: at least 4.5:1.
- AA Large text: at least 3:1.
- AAA Normal text: at least 7:1.
- AAA Large text: at least 4.5:1.
Is my data safe?
Yes. The ratio is computed locally in your browser; your colors never leave your device. No signup or install is required.
Frequently Asked Questions
What is WCAG Contrast Checker?
Checks the contrast ratio between two colors against all WCAG AA and AAA requirements.
How do I use WCAG Contrast Checker?
Type or paste your data into the field on this page and press the button. The result is calculated instantly in your browser — nothing is uploaded.
Is WCAG Contrast Checker free?
Yes, WCAG Contrast Checker is completely free. No signup, no downloads and no usage limits.
Similar tools
View all toolsPopular tools
View all toolsWant to share what you created? Try linklyhub.com for a short, clean link.