Contrast Checker
Check color contrast against WCAG accessibility guidelines.
Large text example
Normal-size body text example, for reading contrast at typical sizes.
Contrast ratio
—
AA · Normal
—
AA · Large
—
AAA · Normal
—
AAA · Large
—
Key features
Pick a text color and a background color to see the exact WCAG contrast ratio between them, plus whether it passes AA and AAA accessibility guidelines for normal and large text.
Everything is calculated locally in your browser. Nothing you pick here is sent anywhere.
How to use
Pick a text color
The color your text will be.
Pick a background color
The color it will sit on.
Check the results
The contrast ratio and WCAG pass/fail results update instantly.
Frequently asked questions
What contrast ratio do I need to pass WCAG?
WCAG 2 AA requires at least 4.5:1 for normal text and 3:1 for large text (18pt+, or 14pt+ bold). The stricter AAA level requires 7:1 for normal text and 4.5:1 for large text.
Why does contrast matter?
Low contrast between text and its background makes content hard to read for people with low vision or color vision deficiencies, and for anyone using a screen in bright light — meeting WCAG contrast guidelines is one of the most impactful accessibility fixes you can make.
Is my color choice saved anywhere?
No. Everything is calculated locally in your browser — nothing is stored or transmitted.