Color Contrast Checker
Check WCAG color contrast ratios for accessibility. Verify AA and AAA compliance for text and background colors.
Large Text Preview
Small body text preview — this is what your users will read.
17.40
Contrast Ratio
WCAG 2.1 Results
✓Normal Text AA (4.5:1)
✓Large Text AA (3:1)
✓Normal Text AAA (7:1)
✓Large Text AAA (4.5:1)
AA Normal: Minimum contrast for normal text (under 18pt/14pt bold)
AAA Normal: Enhanced contrast for normal text — best for readability
AA Large: Minimum contrast for large text (18pt+ or 14pt+ bold)
How to Use
Check WCAG color contrast ratios for accessibility. Verify AA and AAA compliance for text and background colors.