Connect with Builder
CONTRAST

Contrast Checker

Verify WCAG AA and AAA accessibility compliance for any color pair in seconds.

The quick brown fox jumps over the lazy dog

Large Text Sample (18pt+)

Contrast Ratio4.47:1
WCAG AANormal Text (4.5:1)FAIL
WCAG AAANormal Text (7:1)FAIL
WCAG AALarge Text (3:1)PASS
WCAG AAALarge Text (4.5:1)FAIL
Normal Text AA: 4.5:1 minimum
Normal Text AAA: 7:1 minimum
Large Text AA: 3:1 minimum
Large Text AAA: 4.5:1 minimum

Live Engine Monitoring

v2.4.0-Stable
📊

∞

Operations Today

⚡

0ms

Avg Latency

✓

100%

Browser-Based

🔒
100% Private

Everything runs in your browser.

◈
No Sign-up

Use instantly, no account needed.

⚡
Instant Results

Process in milliseconds.

Knowledge Base

Frequently Asked Questions

What is WCAG contrast ratio?↓

WCAG requires minimum contrast ratios for readable text. AA requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 for normal text.

How do I use the contrast checker?↓

Enter foreground (text) and background colors. The checker instantly shows the contrast ratio and whether it passes WCAG AA and AAA standards.

What contrast ratio do I need to pass WCAG AA?↓

Normal text (under 18px): 4.5:1 minimum. Large text (18px+ or 14px+ bold): 3:1 minimum. These are the legal accessibility requirements in many countries.

Can the tool suggest accessible color alternatives?↓

Yes. If your colors fail the contrast check, the tool suggests the nearest colors that pass AA standards while staying close to your original choices.