Check colour contrast for readability
Text needs enough contrast against its background to be readable, and accessibility guidelines set specific ratios for that. This checker measures the contrast between a text colour and a background and tells you whether it meets the WCAG AA and AAA levels, so you can catch low-contrast combinations before they shut out readers with low vision.
How to use it
- Enter your text colour and background colour.
- Read the contrast ratio and which levels it passes.
- Adjust a colour until it meets the level you need.
What the levels mean
- AA is the common target for body text.
- AAA is stricter, for the highest readability.
- Large text has lower thresholds than small text.
Questions people ask
Why does contrast matter beyond looks? Many people have reduced vision or view screens in bright light; sufficient contrast keeps your content usable for them.
Is anything uploaded? No — the check runs in your browser.