Contrast Checker
Check color contrast for WCAG 2.1 accessibility compliance (AA and AAA levels)
Sample Text
The quick brown fox jumps over the lazy dog.
Small text example (14px)
4.47
Contrast Ratio
Fair
WCAG AA
WCAG AA
Normal text (14px+)
WCAG AA
Large text (18px+ / 14px bold)
WCAG AAA
WCAG AAA
Normal text (14px+)
WCAG AAA
Large text (18px+ / 14px bold)
WCAG 2.1 Requirements:
- • AA Normal: 4.5:1 for regular text
- • AA Large: 3:1 for large text (18px+ or 14px bold)
- • AAA Normal: 7:1 for regular text
- • AAA Large: 4.5:1 for large text