How do I use the WCAG contrast checker?
Pick foreground and background colors (eyedropper and HEX input), and the tool shows the contrast ratio and AA/AAA pass grades live.
What is the difference between AA and AAA?
AA is baseline accessibility; AAA is stricter. Normal text needs ≥4.5:1 (AA), large ≥3:1; AAA small text needs ≥7:1.
What ratio passes?
Normal text ≥4.5:1 (AA), large 3:1; AAA 7:1. Below standard, text becomes hard to read on some screens.
Is online checking safe?
Safe. Computation runs locally with zero upload.
What is it best for?
Web design, UI development, accessibility compliance, palette validation and a11y test reports.
Are there limits on free use?
No. Free, no registration, real-time unlimited checks.
Does it simulate color blindness?
Contrast detection now; color-blind simulation is planned — contrast first ensures baseline readability.
How do I improve contrast?
Darken text or lighten background; live preview finds a passing combo instantly without trial and error.