🎯
Contrast Checker
Check WCAG accessibility compliance for color combinations
Sample Text
The quick brown fox jumps over the lazy dog.
Small text for accessibility testing. 14px regular text.
CONTRAST RATIO
21.00:1
AAA
✓ Pass
Normal Text
≥4.5:1 (AA)
✓ Pass
Large Text
≥3:1 (AA)
✓ Pass
UI Components
≥3:1
COMMON PRESETS
WCAG AA: 4.5:1 for normal text, 3:1 for large text (18pt+ or 14pt+ bold)
WCAG AAA: 7:1 for normal text, 4.5:1 for large text
UI Components: Non-text elements need at least 3:1 contrast