Select Colors
Choose foreground and background colors to test
Quick Presets
Accessibility check
Color Contrast Checker
Check color contrast ratios for WCAG 2.1 accessibility compliance. Ensure your designs are readable for everyone.
WCAG 2.1 Compliant
Contrast Ratio Results
WCAG 2.1 accessibility compliance levels
21.00:1
Contrast Ratio
WCAG AAA
Normal Text
Passes WCAG AA (4.5:1 minimum)
Large Text
Passes WCAG AA (3:1 minimum)
Live Preview
See how your colors look in real-world scenarios
Normal text (16px): The quick brown fox jumps over the lazy dog.
Large text (20px+): The quick brown fox jumps over the lazy dog.
About WCAG Compliance
- • WCAG AA: Minimum contrast ratio of 4.5:1 for normal text, 3:1 for large text
- • WCAG AAA: Enhanced contrast ratio of 7:1 for normal text, 4.5:1 for large text
- • Large text is defined as 18pt+ (24px+) or 14pt+ (18.5px+) bold
- • Higher contrast ratios improve readability for users with visual impairments
K
↑↓to navigate↵to selectescto close