Contrast Checker (WCAG)
Check the contrast ratio between foreground and background colors to ensure WCAG accessibility compliance.
Color Selection
Preview
Sample text for contrast testing
Contrast Results
Contrast Ratio: -
AA Large Text: -
AA Normal Text: -
AAA Large Text: -
AAA Normal Text: -
About WCAG Contrast Requirements
WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios for text:
- AA Large Text: 3:1 (text 18pt+ or 14pt+ bold)
- AA Normal Text: 4.5:1 (regular text)
- AAA Large Text: 4.5:1 (text 18pt+ or 14pt+ bold)
- AAA Normal Text: 7:1 (regular text)
Higher contrast ratios make text easier to read for users with visual impairments.