Color Contrast Checker
Check WCAG AA/AAA contrast ratios between two colors.
Preview text
The quick brown fox jumps over the lazy dog.
Contrast ratio: 4.23:1
WCAG AA — Normal textFail
WCAG AA — Large textPass
WCAG AAA — Normal textFail
WCAG AAA — Large textFail
About this tool
Check color contrast ratios against WCAG AA and AAA guidelines. Improve accessibility for text, buttons, and UI components.
- Live contrast ratio calculation
- AA/AAA pass-fail checks
- Preview text on your chosen colors