WCAG Contrast Checker —
Free AA & AAA Compliance Test

Test any colour pair against WCAG 2.1 and 2.2 contrast standards instantly. Built for designers and developers verifying accessibility compliance — free, no signup.

WCAG 2.1 & 2.2 AA + AAA testing No signup

Open the Free WCAG Contrast Checker

Live contrast ratio, pass/fail badges for AA, AAA, AA Large, and AAA Large — instantly.

Check Contrast Free →

WCAG Contrast Requirements at a Glance

WCAG VersionLevelNormal TextLarge Text
WCAG 2.0 / 2.1 / 2.2AA4.5:13:1
WCAG 2.0 / 2.1 / 2.2AAA7:14.5:1

The contrast ratio formula itself hasn't changed across WCAG versions — 2.0, 2.1, and 2.2 all use the same relative luminance calculation and the same 4.5:1 / 7:1 thresholds. WCAG 2.2 added new success criteria in other areas (like focus indicators and target size) but contrast requirements remain identical.

Who Needs to Test WCAG Contrast Compliance?

Web designers and developers building any public-facing website, especially government, healthcare, education, and e-commerce sites where ADA compliance carries legal weight. Product teams conducting accessibility audits before launch. QA engineers verifying design systems meet contrast standards across every component — buttons, links, form fields, alerts, and body text.

Pair your contrast testing with the right typography using our free font pairings generator — readable contrast and readable type go hand in hand.

WCAG Contrast Checker — FAQ

WCAG stands for Web Content Accessibility Guidelines, published by the W3C. For colour contrast, WCAG 2.1 Level AA requires a minimum ratio of 4.5:1 for normal text and 3:1 for large text. Level AAA requires 7:1 and 4.5:1 respectively.
Yes. The contrast ratio formula used is unchanged between WCAG 2.0, 2.1, and 2.2 — all versions use the same relative luminance calculation and the same 4.5:1 AA / 7:1 AAA thresholds for normal text.
Enter the hex codes of your text and background colour. The tool calculates the exact contrast ratio and shows pass/fail badges for WCAG AA, AAA, AA Large, and AAA Large — covering every text size on your site.
× Enlarged image preview

Usage Limit Reached

You've used your 3 free tool uses. Please create a free account to continue using our tools without limits.