Color Contrast Checker

Check text-background color contrast ratios against WCAG accessibility guidelines.

The quick brown fox

jumps over the lazy dog

Small text example 12px

Text (Foreground)

Background

3.68:1

Contrast ratio

AA Large

WCAG Level

Large text passes WCAG AA

AA text: 4.5:1 ✗

AAA text: 7:1 ✗

About Color Contrast Checker

Check color contrast ratios against WCAG AA and AAA standards. Ensure accessible text colors for your website. Free online tool. This page is part of UtilsNest's Utility Tools, so you can move between related workflows without leaving the browser.

How to use it

Enter or adjust the values, text, or file input needed for Color Contrast Checker.
Review the generated result instantly and compare outputs until the result fits your use case.
Copy, download, or continue to a related utility tools workflow if you need the next step.

Browse Category

Explore more tools in Utility Tools to handle adjacent tasks faster.

Open Utility Tools

Frequently Asked Questions

What is the WCAG contrast ratio requirement?

WCAG AA requires 4.5:1 for normal text and 3:1 for large text. WCAG AAA requires 7:1 and 4.5:1 respectively.

Why does contrast matter for accessibility?

Low contrast text is unreadable for people with low vision or color blindness. High contrast improves readability for all users.