ACCESSIBILITY TOOL
Color contrast checker.
Check whether two colors provide enough contrast for readable text, according to WCAG 2.x ratios. For a complete website review, use the multi-pair contrast worksheet →
Your colors
Enter a HEX value or use the color picker.
CONTRAST RATIO14.70:1
Higher ratios make text easier to distinguish from its background.
AA · normal textPass
AA · large textPass
AAA · normal textPass
AAA · large textPass
Live text preview
Visualize real body text, headings, and buttons.
THE QUICK BROWN FOX
Good color makes reading feel easy.
Design is not only about looking beautiful. It is also about helping people read, navigate, and find what matters.
Small text should be readable without squinting.How to read the results
AA normal text: at least 4.5:1. AA large text: at least 3:1. AAA normal text: at least 7:1. AAA large text: at least 4.5:1.
This checks contrast only. Other accessibility factors include font size, weight, spacing, and interaction states.