WCAG Contrast Checker
Check color contrast ratios and ensure WCAG AA/AAA accessibility compliance
Contrast Ratio
21.00
: 1
Sample Text
The quick brown fox jumps over the lazy dog
WCAG Compliance
Normal Text (AA)Pass
Normal Text (AAA)Pass
Large Text (AA)Pass
Requirements
- • AA Normal: 4.5:1 minimum
- • AAA Normal: 7:1 minimum
- • AA Large Text: 3:1 minimum
Frequently Asked Questions
What is WCAG contrast ratio?
WCAG (Web Content Accessibility Guidelines) contrast ratio measures the difference in perceived brightness between foreground and background colors. Higher ratios make text easier to read for people with visual impairments.
What is the difference between AA and AAA?
AA is the minimum recommended level for most web content (4.5:1 for normal text). AAA is the enhanced level (7:1) for situations requiring higher accessibility, such as government websites or applications for users with low vision.
What qualifies as large text?
Large text is defined as 18pt (24px) or larger, or 14pt (18.5px) bold and larger. Large text has lower contrast requirements (3:1 for AA) because it's easier to read.