Color Contrast Checker
Test your color combinations against WCAG accessibility standards. Ensure your designs are readable for everyone.
Quick presets:
21:1
Contrast Ratio
WCAG AA
Normal Text
✓
WCAG AA
Large Text
✓
WCAG AAA
Normal Text
✓
WCAG AAA
Large Text
✓
Preview at Different Sizes
Large Text (24px / 18.5px bold)
Normal text at 16px. This is how most body copy appears in your design. The quick brown fox jumps over the lazy dog. Accessibility matters for everyone.
Small text at 14px. Secondary information and captions often use this size.
Understanding WCAG Levels
WCAG AA (Standard)
Normal text: 4.5:1 | Large text: 3:1 - The industry standard and legal requirement in many jurisdictions.
WCAG AAA (Enhanced)
Normal text: 7:1 | Large text: 4.5:1 - Provides superior accessibility for users with low vision.
Large Text Definition
18pt (24px) and larger, or 14pt (18.5px) bold and larger.