Free • No signup • Works offline
Color Contrast Checker — WCAG Accessibility Tool
Last updated: June 1, 2026
Check color contrast ratios for WCAG compliance. Ensure your text is readable and accessible for all users.
Aa
Sample text preview
The quick brown fox jumps over the lazy dog
Contrast Ratio
21:1
AA Normal
✅ Pass
AA Large
✅ Pass
AAA Normal
✅ Pass
AAA Large
✅ Pass
How to use this tool
1
1
Enter foreground and background colors.
2
2
View the contrast ratio and WCAG compliance results.
3
3
Adjust colors until you achieve the desired level.
Frequently Asked Questions
What is the Color Contrast Checker?
Check if two colors meet WCAG accessibility contrast ratio guidelines for AA and AAA compliance.
What are WCAG contrast ratios?
WCAG 2.1 requires a minimum contrast ratio of 4.5:1 for normal text (AA) and 7:1 for enhanced (AAA). Large text requires 3:1 (AA) and 4.5:1 (AAA).
Is this tool safe?
Yes. All calculations happen locally in your browser.
Does it work offline?
Yes, once loaded.
How much does it cost?
Completely free.
Ad space — AdSense pending approval