Tool Nova

WCAG Color Contrast Checker

Accessibility check

Color Contrast Checker

Check WCAG text contrast ratio for foreground and background colors.

Text color
Background color
Contrast ratio17.85:1AA normalPassAAA normalPass
Readable sample text

Discover more tools

Explore more tools in this category, browse popular utilities, or check recently added tools on Tool Nova.

How the color contrast checker works

Enter or adjust the color values in the browser.

The result updates instantly without an API request.

Copy the generated color, CSS, or palette value for your project.

Frequently Asked Questions

Is the color contrast checker free?

Yes. It is free and runs in your browser.

Are colors uploaded?

No. These color tools calculate results locally in your browser.