Contrast Checker Pro

Verify WCAG 2.1 accessibility standards for color combinations.

Back to Design & UI

Contrast Checker Pro

Verify WCAG 2.1 accessibility standards for color combinations

Foreground (Text)

Background

Contrast Ratio

4.47:1

WCAG AA Normal Text

Requires 4.5:1

FAIL

WCAG AA Large Text

Requires 3.0:1

PASS

WCAG AAA Normal Text

Requires 7.0:1

FAIL

WCAG AAA Large Text

Requires 4.5:1

FAIL

Large text is defined as 18pt (24px) or larger, or 14pt (18.67px) and bold. AA is the minimum standard for most web projects.

Live Preview Container

This is how your text combination looks in a real-world scenario. Accessibility is key to providing a great user experience for everyone, including those with visual impairments.

About Contrast Checker Pro

Ensure your designs are accessible. Check contrast ratios against WCAG 2.1 AA and AAA standards for both normal and large text.

Something not working right?

Found a bug or have a suggestion to improve the Contrast Checker Pro? Let us know and we'll fix it!