Tools / Contrast Checker

Contrast Checker

Check if your text and background colors are easy to read, with WCAG pass or fail results.

Text color

Background color

Large sample text This is how normal body text looks with these colors.

Contrast ratio

0:1

Normal text, AANeeds 4.5:1

Normal text, AAANeeds 7:1

Large text, AANeeds 3:1

Large text, AAANeeds 4.5:1

Icons and UI parts, AANeeds 3:1

Large text means 24px or bigger, or 19px or bigger in bold.