◐
Color Contrast Checker (WCAG)
Test the contrast ratio between two colors and see whether it passes WCAG AA and AAA for normal and large text, with a live preview.
The quick brown fox
jumps over the lazy dog · 14px sample
Contrast ratio
14.68:1
Normal text
✓ Pass AA✓ Pass AAA
Large text (18pt+)
✓ Pass AA✓ Pass AAA
🔒 This tool runs entirely in your browser. Your data is never uploaded.
Frequently asked questions
What contrast ratio do I need?＋
WCAG AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1 and 4.5:1 respectively.
Why does contrast matter?＋
Enough contrast keeps text readable for people with low vision or in bright light, and it's a legal accessibility requirement in many contexts.
Does it check large text separately?＋
Yes — it reports pass or fail for both normal and large text against AA and AAA.