Check Your Site’s Color Contrast for Free

When the background color of your website is too similar to the colors used for text and other UI elements, some visitors may find it difficult to read and understand your site.

Simply enter two hexadecimal values and our tool will tell you whether the color combination meets WCAG 2.2 requirements.

Text color

Background color

Contrast Ratio: 21:1 GREAT

Make Your Website Easy for Everyone to Read

Colors with poor contrast make it hard for visitors to engage. Ensure your text always meets accessibility standards.

Text Size	AA (Minimum)	AAA (Enhanced)
Small text
Large text

Small text = regular weight below 16px, large text = bold weight above 18px.

Want to Check Your Whole Website at Once?

Our automated tool scans all your pages at the same time, highlights color contrast issues, and provides you with clear recommendations. Just another way we help simplify ongoing accessibility compliance.

See Pricing

How to Interpret Color Contrast Ratios?

For normal text, which is less than 24 px or less than 18pt, WCAG level AA requires a color contrast ratio of at least 4:5:1. Level AAA requires a ratio that’s equal to or more than 7:1.

For large text, which is equal to or more than 24 px or equal to or more than 18pt, WCAG level AA requires a color contrast ratio of at least 3:1. Level AAA requires a ratio that’s equal to or more than 4:5:1.

Why Color Contrast Matters

Why Does Color Contrast Matter to Differently-Abled People?

Website visitors with visual disabilities need to be able to distinguish between your content and the background of your site – this is where color contrast comes in.

Providing visitors with a more accessible online experience is the ethical thing to do. However, there is another key reason why you want to ensure that your site meets WCAG color contrast requirements.

Learn more about ADA Color Compliance for Your Website and ADA compliance.

Stay Compliant and Protected

In 2023, 2,794 digital accessibility lawsuits were filed in US federal courts. Taking a proactive approach to check the color contrast on your site will protect you against demand letters, costly lawsuits, and a damaged reputation.

How Does It Work?

A color contrast checker is a versatile tool for testing web pages, infographics, slideshows, and more. It’s essential for web designers and business owners, providing a better user experience for all, including those with visual disabilities.

Frequent Questions and Answers

Can I check every page of my website with the free color contrast tool?

The free checker is designed for manual, one-off color checks. If you want to scan your entire website in one go, highlight every color contrast issue, and get prioritized recommendations, using our automated accessibility scanner is faster and easier.

See Pricing Options

Does your tool automatically monitor my domain for compliance issues?

Yes, we rescan your entire domain every seven days, tracking both new violations and fixed issues. This record helps demonstrate your ongoing accessibility efforts in case legal evidence is ever required.

Does passing a color contrast test mean my site is fully accessible?

Not entirely. Color contrast is an important factor, but accessibility also includes keyboard navigation, screen reader support, proper heading structure, and more. A full-site accessibility scan should cover all WCAG requirements, not just color contrast.

Will I get step-by-step fixing instructions?

Yes! For every issue our tool detects, you`ll receive detailed, step-by-step instructions—along with the exact failing element, its CSS selector, best practices for fixing it, and common pitfalls to avoid. We also group similar issues across multiple pages so you can address them all at once, making the remediation process faster and more efficient.

Do I need to integrate anything into my website?

No. Our tool can scan any website — regardless of its CMS — without requiring direct integration. Simply add your domain or XML sitemap, and we’ll discover and scan every page, reporting WCAG compliance issues based on your chosen standard (WCAG 2.1 A–AAA or WCAG 2.2 AA).

What other accessibility checks can the paid tool perform?

Our automated web accessibility tool is designed to test your website against the latest WCAG standards, as well as various global legislations, including the ADA, Section 508, AODA, and EAA.

Explore Plans and Sign Up

Find Out If Your Website Is Accessible

Checks for Compliance With: WCAG ADA EAA Section 508 AODA