π¨ Color Accessibility Checker
Test color contrast for WCAG compliance and readability
Color Pair
Preview
This is a sample text to test contrast
Accessibility Results
Contrast Ratio
21.0:1
WCAG AA
Pass
WCAG AAA
Pass
Normal Text
✓
Large Text
✓
Your color combination meets WCAG 2.1 accessibility standards
WCAG 2.1 Guidelines
AA Compliance (Minimum):
• Normal text: ≥ 4.5:1 contrast ratio
• Large text (18pt+ or 14pt+ bold): ≥ 3:1
AAA Compliance (Enhanced):
• Normal text: ≥ 7:1 contrast ratio
• Large text: ≥ 4.5:1
• Normal text: ≥ 4.5:1 contrast ratio
• Large text (18pt+ or 14pt+ bold): ≥ 3:1
AAA Compliance (Enhanced):
• Normal text: ≥ 7:1 contrast ratio
• Large text: ≥ 4.5:1
π‘ Tips: Always test your color combinations for accessibility to ensure all users can read your content comfortably.