Free Color Contrast Checker

Check your colors against WCAG standards instantly. AI-powered recommendations. No sign-up — everything runs in your browser.

Contrast Ratio

12.6:1
AA Normal (≥4.5:1)
AA Large (≥3:1)
AAA Normal (≥7:1)
AAA Large (≥4.5:1)

Live Preview

The quick brown fox jumps over the lazy dog.

This is a large heading

Small secondary text — often used for captions

This is a hyperlink

All Accessibility Tools

Everything you need for accessible design — 100% free, all processing in your browser.

Contrast Checker

WCAG AA & AAA compliance check for any two colors.

APCA Calculator

Next-gen perceptual contrast for WCAG 3.0.

Color Blindness Simulator

See colors through different vision types.

Accessible Palettes

Generate WCAG-compliant color palettes.

Gradient Checker

Test text on gradient backgrounds.

API & Dev Tools

CI/CD integration. Coming soon.

How It Works

Four simple steps to accessible design

1

Pick Colors

Choose foreground & background colors.

2

Check Contrast

See WCAG AA/AAA pass/fail results instantly.

3

Get Suggestions

AI recommends alternatives if colors fail.

4

Fix & Export

Apply accessible colors to your design system.