Color Contrast Checker
Check the contrast between two colors to ensure your design meets accessibility standards.
Color Contrast Checker
Contrast Ratio: 0
WCAG AA:
WCAG AAA:
Preview Text
About This Tool - Color Contrast Checker
Our Color Contrast Checker helps you determine if the contrast between your foreground and background colors meets Web Content Accessibility Guidelines (WCAG).
Features
- Input foreground and background colors
- Calculate contrast ratio
- Provide WCAG compliance feedback
- Preview contrast between text and background