👁️ Contrast Checker WCAG
Check color contrast ratio according to WCAG guidelines.
About Contrast Checker WCAG
WCAG AA/AAA contrast checker for accessible web design.
Features
- Foreground/background
- AA/AAA pass/fail
- WCAG 2.1
Frequently Asked Questions
What is WCAG contrast ratio?
WCAG (Web Content Accessibility Guidelines) require minimum contrast ratios: 4.5:1 for normal text (AA), 3:1 for large text (AA), 7:1 for normal text (AAA). Our checker validates all levels.
How is contrast ratio calculated?
Contrast ratio = (L1 + 0.05) / (L2 + 0.05) where L1 is relative luminance of lighter color and L2 of darker color. Values range from 1:1 (no contrast) to 21:1 (maximum).
Why is color contrast important?
Good contrast ensures text is readable by users with visual impairments, color blindness, and low-vision conditions. It's legally required for many websites and improves UX for all users.