What contrast ratio do I need to pass WCAG AA?

4.5:1 for normal text, 3:1 for large text (24px, or 18.66px bold) and for UI components and graphical objects.

What is the difference between AA and AAA?

AAA is stricter: 7:1 for normal text and 4.5:1 for large text. AA (4.5:1 / 3:1) is the common legal and practical target.

Indirectly — accessibility and usability influence engagement and Core Web Vitals-adjacent UX signals, and accessible sites reach more users.

Free · WCAG 2.2

Check any text/background pair against WCAG AA and AAA — poor contrast fails accessibility and hurts conversions.

Text colour

Background colour

Large heading textBody copy — the quick brown fox jumps over the lazy dog.

7.69:1

Contrast ratio

Normal text · AA (4.5:1)PASS

Normal text · AAA (7:1)PASS

Large text · AA (3:1)PASS

Large text · AAA (4.5:1)PASS

UI components · AA (3:1)PASS

JW Digital builds WCAG-aligned, accessible websites that work for everyone — and convert better because of it.

More free tools & services

WCAG-aligned, accessible websites built in from the start.

Score speed, mobile and SEO health in one go.

Add structured data for rich results.