Color Contrast Checker
Check text and background colours against WCAG accessibility rules. Free, no sign-up, works in your browser.
Large heading text
Normal body text — the quick brown fox jumps over the lazy dog.
🔒 100% private — processing happens in your browser. Nothing is uploaded.
How to use the color contrast checker
- Pick or type the text colour and the background colour.
- See the contrast ratio and whether it passes WCAG AA and AAA.
- If it fails, use the suggested darker text colour.
WCAG 2.1 asks for a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (24 px, or 19 px bold). Good contrast helps people with low vision, older screens and anyone reading on a phone in sunlight. Public-sector websites in the EU must meet these rules under the Web Accessibility Directive.