Color Contrast Checker
Ensure your web designs are accessible and WCAG compliant. Check contrast ratios between text and background colors instantly.
Preview Text
This is how your text looks over the selected background. Accessibility matters for all users.
Small text (14pt / 18.5px) and Large text (18pt / 24px) should both be considered.
Contrast Ratio
3.68:1
WCAG AA
Normal Text
FAIL
WCAG AA
Large Text
PASS
WCAG AAA
Normal Text
FAIL
WCAG AAA
Large Text
FAIL
WCAG Standards
The Web Content Accessibility Guidelines (WCAG) require specific contrast ratios to ensure content is readable by people with moderately low vision.
- AA Normal: 4.5:1 ratio required
- AA Large: 3:1 ratio required
- AAA Normal: 7:1 ratio required
- AAA Large: 4.5:1 ratio required