Contrast Checker (WCAG)
Check color contrast for WCAG accessibility compliance. AA and AAA conformance levels.
Sample Text
The quick brown fox jumps over the lazy dog.
Small text for AAA normal text requirement.
Contrast Ratio:
Enter both colors to check contrast
How to Use Contrast Checker (WCAG)
- Enter foreground (text) color
- Enter background color
- See contrast ratio and WCAG compliance
- Get suggestions for better color combinations
About Contrast Checker (WCAG)
Check if your text and background colors meet WCAG accessibility standards. See contrast ratio and compliance for AA and AAA levels. Includes suggestions for improving insufficient contrast.
Frequently Asked Questions
What contrast ratio is required?
WCAG AA requires 4.5:1 for normal text, 3:1 for large text. AAA requires 7:1 for normal text, 4.5:1 for large text.
What counts as large text?
Large text is 18pt (24px) or larger, or 14pt (19px) bold. Large text has lower contrast requirements.
Why is accessibility important?
About 8% of men and 0.5% of women have color vision deficiency. Good contrast helps everyone read your content.