No uploads · runs in browser
Contrast Checker
Check the contrast ratio of two colors against WCAG AA and AAA thresholds.
Can you read this text?
Favorite it to find it fast on home
When to use it
Black text on white → 21:1, passes AAA
Grey #777 on white → 4.48:1, just under AA
Check whether a brand color meets accessibility rules
How to use it
1Step 1Open the page and it calculates instantly
2Step 2Change a value and it recalculates live
3Step 3Copy the result wherever you need it
If the result looks off
Nothing changed
Reload the page to recalculate.
I want to save the result
Use the copy button to take the result with you.
Frequently asked questions
What is the difference between AA and AAA?
AA needs 4.5:1 for body text and AAA needs 7:1. Public-sector work usually requires AA or better.
What is the difference between AA and AAA?
AA requires 4.5:1 for body text and AAA requires 7:1. Public-sector projects usually need AA or better.