All ToolsutilityWCAG Color Contrast Checker

WCAG Color Contrast Checker

Check foreground and background color contrast ratios for WCAG 2.1 AA and AAA accessibility compliance.

100% Private & Client-Side

Your files are processed directly on your computer or phone. They are never uploaded to any remote server or stored anywhere.

Contrast Ratio
17.85:1
AA Normal
Pass (4.5:1)
AA Large
Pass (3.0:1)
AAA Normal
Pass (7.0:1)
UI / Icons
Pass (3.0:1)
This is large heading text (Preview)

This is normal body paragraph text. The Web Content Accessibility Guidelines (WCAG) ensure that web content remains effortlessly readable by everyone, including individuals with low vision or color blindness.

Tested contrast: 17.85:1
Share or embed this tool:

How to use WCAG Color Contrast Checker

1

Choose or type your Foreground (text) and Background colors.

2

Instantly review the real-time contrast ratio and pass/fail badges.

3

Test how your color combination looks on realistic UI components.

Frequently Asked Questions

What is WCAG 2.1 AA standard for contrast?

For normal body text, WCAG 2.1 AA requires a minimum contrast ratio of 4.5:1. For large text (18pt or 14pt bold), the minimum ratio is 3.0:1.

What is the WCAG AAA standard?

WCAG AAA is the highest accessibility benchmark, requiring at least 7.0:1 for normal text and 4.5:1 for large text.

Other Useful Free Tools