Check foreground and background color contrast ratios instantly. Review WCAG AA and AAA compliance for normal and large text, and test safer accessible color combinations.
Large Text Preview (24px bold)
Normal text preview — The quick brown fox jumps over the lazy dog. 14px regular weight.
Small text preview — 0123456789 ABCDEF abcdef
Check foreground and background color contrast ratios instantly. Review WCAG AA and AAA compliance for normal and large text, and test safer accessible color combinations.
It works well for design systems, UI audits, and quick visual checks when you need exact values you can copy straight into your workflow.
Check foreground and background color contrast ratios instantly. Review WCAG AA and AAA compliance for normal and large text, and test safer accessible color combinations.
Enter or paste your values into the fields or input areas above. Adjust the available settings until the result matches the exact output you need. Use the live result, copy the output, or compare multiple scenarios as you work.
Contrast Checker is free to use, and the work happens directly in your browser so you can try inputs and options without sending data to a remote server.
Contrast Checker is useful for anyone who wants a fast browser-based utility without unnecessary setup or uploads.