Color Contrast Checker
Ensure your website is accessible and readable for everyone with our free Color Contrast Checker. This tool helps you test the contrast ratio between a text color and its background color against the Web Content Accessibility Guidelines (WCAG). Good contrast is essential for users with visual impairments and improves the overall user experience for all visitors. Simply pick your colors to see the results instantly.
Select Colors
Preview
This is some normal sized sample text.
This is some large sample text.
Contrast Ratio
1.00
AA (Normal Text)
AA (Large Text)
AAA (Normal Text)
AAA (Large Text)
About WCAG Standards
- AA Level (Minimum): Requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. This is the most common accessibility target.
- AAA Level (Enhanced): Requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.