Contrast Checker
Check WCAG 2.1 color contrast ratios for accessibility compliance
Large Text (18pt / 14pt Bold)
Normal body text at 16px. Check readability at standard font sizes.
Contrast Ratio21:1
AA Normal✅
AA Large✅
AAA Normal✅
AAA Large✅
What Is WCAG Color Contrast?
WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios between text and background colors to ensure readability for people with visual impairments, including color blindness.
WCAG Contrast Requirements
- AA Level (Normal Text): Minimum ratio of 4.5:1
- AA Level (Large Text): Minimum ratio of 3:1 (18pt or 14pt bold)
- AAA Level (Normal Text): Minimum ratio of 7:1
- AAA Level (Large Text): Minimum ratio of 4.5:1
Why Does Contrast Matter?
Good color contrast ensures that text is readable by everyone, including the 300+ million people worldwide with color vision deficiency. It also improves readability in bright sunlight and on low-quality screens.