Web & Dev
Color Contrast Checker
Check text/background color contrast against WCAG accessibility standards.
Web & Dev
The quick brown fox jumps over the lazy dog.
Check color contrast for accessibility
This contrast checker measures the ratio between a text color and its background, then checks it against the WCAG accessibility thresholds used on the web. It tells you whether the pairing passes AA and AAA for normal and large text, with a live sample so you can see the combination.
How to check contrast
Set the text and background colors by picker or hex, read the contrast ratio and the pass or fail results, and adjust until it passes the level you need.
Frequently asked questions
What ratio should I aim for?
WCAG AA asks for 4.5 to 1 for normal text and 3 to 1 for large text. AAA is stricter at 7 to 1. Meeting AA is the common baseline for accessible design.