Contrast Checker
Check color contrast against WCAG accessibility standards. See the exact ratio and whether text passes AA and AAA for normal and large sizes.
Large text sample
This is what normal body text looks like at this contrast level.
Contrast ratio
-
Normal AA
Normal AAA
Large AA
Large AAA
Frequently asked questions
What contrast ratio do I need?
WCAG AA requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 and 4.5:1 respectively.
What counts as large text?
Large text is 18pt (24px) regular, or 14pt (18.66px) bold, and above. It can pass at lower contrast ratios.
Why does contrast matter?
Sufficient contrast makes content readable for people with low vision or color blindness, and improves readability for everyone.
Become a designer
Go from free tools to real skills with in-depth design courses.
Browse all courses