What is WCAG contrast ratio?

WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios between text and background to ensure readability for people with visual impairments.

What do AA and AAA mean?

AA requires a minimum contrast of 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 for normal text and 4.5:1 for large text—the highest standard.

What counts as "large text"?

Large text is defined as 14pt (18.66px) bold or larger, or 18pt (24px) or larger for normal weight text.

Contrast Checker

Check WCAG accessibility color contrast ratios

Foreground (Text)

Background

Large Text Preview

Normal text preview — The quick brown fox jumps over the lazy dog.

Small text preview — 0123456789 ABCDEF

13.98:1

Contrast Ratio

Normal Text

AAA

Large Text

AAA

Live Preview

See contrast changes instantly

WCAG 2.1

AA & AAA compliance checks

No Signup

Free tool, no registration required