Contrast Checker
Check WCAG AA and AAA accessibility compliance between two colors.
Generating your palette…
Foreground (text)
Background
The quick brown fox
Normal text (16px) — body copy and paragraph text
Small text (13px) — captions, labels, footnotes
—
Contrast ratio
WCAG AA & AAA
Full compliance check for both normal and large text.
Live preview
See your colors on real text instantly.
4 checks
AA normal, AA large, AAA normal, AAA large.
Instant
No submit needed — updates as you type.
Frequently asked questions
What is WCAG?▼
WCAG (Web Content Accessibility Guidelines) is the international standard for web accessibility. AA compliance is required by law in many countries.
What ratio do I need?▼
For normal text: AA requires 4.5:1, AAA requires 7:1. For large text (18pt+): AA requires 3:1, AAA requires 4.5:1.
Why does contrast matter?▼
Low contrast makes text hard to read for people with visual impairments, in bright sunlight, or on low-quality screens.
Is there an ideal contrast ratio?▼
4.5:1 is the minimum for AA compliance. 7:1 or higher is ideal for maximum readability.