Color Contrast Checker

Ensure your website meets WCAG accessibility standards. Check color contrast ratios to guarantee readability for all users, including those with visual impairments.

Check Contrast Ratio

Sample Text (Normal 14px)

Large Text (18px Bold)

Contrast Ratio

21:1

Normal Text

WCAG AA: Pass
WCAG AAA: Pass

Large Text

WCAG AA: Pass
WCAG AAA: Pass

What is WCAG?

WCAG (Web Content Accessibility Guidelines) are international standards for web accessibility. They ensure websites are usable by people with disabilities, including visual impairments.

Contrast Requirements:

  • AA Normal Text: 4.5:1 minimum
  • AA Large Text: 3:1 minimum
  • AAA Normal Text: 7:1 minimum
  • AAA Large Text: 4.5:1 minimum

Need More Tools?

Check out our other color tools to streamline your design workflow: