Design
Color Contrast
Check WCAG contrast ratios
Colors
Aa Sample Text
Small body text example
Sample Pairs
WCAG Results
5.02:1
Contrast Ratio
Normal Text
✓ AA (4.5:1)✗ AAA (7:1)
Large Text (18pt+)
✓ AA (3:1)✓ AAA (4.5:1)
WCAG 2.1 Guidelines: 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.
Created with ❤️ By Waqas Yousaf