Contrast Checker

Check the contrast ratio between two colors for WCAG accessibility.

Text Color

Background Color

Preview Text

This is how your text will look on the background.

7.26:1

Contrast Ratio

AA (Normal Text)

AA (Large Text)

AAA (Normal Text)

AAA (Large Text)

About the Contrast Checker

Check if your text and background colors have the right contrast. Our Contrast Checker helps you make designs easy to read for everyone. You get instant results and clear pass or fail scores.

Enter your colors and see the contrast in one click.

What Is a Contrast Checker?

A Contrast Checker is an online tool that tests the difference between two colors. It helps you:

Check text contrast
Make your designs readable
Follow WCAG rules
Fix low-contrast colors

Our color contrast checker works for websites, graphics, apps, and any digital design.

How Does the Text Contrast Checker Work?

Using the tool is simple:

Enter the text color.
Enter the background color.
See the contrast ratio on the screen.
Get a pass or fail score based on WCAG rules.

You can test many color pairs fast.