Color Contrast Checker (A11y)

Check text/background color contrast against WCAG AA and AAA — ratio plus pass/fail verdicts.

Text color:

Background:

—Contrast ratio

—AA normal

—AAA normal

—AA large

The quick brown fox jumps over the lazy dog

How to use

Pick text and background colors to get the contrast ratio and WCAG pass/fail results.

What ratio do I need?

WCAG AA needs 4.5:1 for normal text (3:1 for large); AAA needs 7:1 (4.5:1 for large).

What counts as large text?

18pt+ (24px) or 14pt+ (18.66px) bold — shown as a separate verdict.

☕

Every tool runs 100% in your browser — no uploads, no signups. If a tool saved you time, consider supporting us with a small donation.