Color Contrast Checker
Check WCAG contrast ratio between foreground and background colors.
[ Advertisement ]
Foreground
Background
Aa
Preview text for your UI colors
Ratio
18.88:1
AA Normal
Pass
AAA Normal
Pass
Result not what you expected?Tell us what happened and we will fix it fast.
Send feedback[ Advertisement ]
Frequently asked questions
What is a good contrast ratio?
WCAG recommends at least 4.5:1 for normal text (AA) and 7:1 for AAA.
Why does contrast matter?
Higher contrast improves readability and accessibility for all users, especially low-vision users.