How to Use 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.
Open the Color Contrast Checker (WCAG) tool →What is Color Contrast Checker (WCAG)?
Check text/background contrast ratio against WCAG AA and AAA. It's completely free, needs no sign-up, and runs entirely in your browser — so it's fast and private.
How to use Color Contrast Checker (WCAG)
- Open the Color Contrast Checker (WCAG) tool.
- Paste or type your input.
- Set any options provided.
- Copy the result. Everything runs in your browser — nothing is 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.
Ready to try it?
Open Color Contrast Checker (WCAG) →