WCAG (Web Content Accessibility Guidelines) is an international standard for making web content accessible. AA and AAA are two compliance levels.

What's the difference between normal and large text?

Large text is ≥18pt or ≥14pt bold. Large text has lower contrast requirements than normal text.

What contrast ratio is compliant?

AA normal text needs ≥4.5:1, large text ≥3:1. AAA normal text needs ≥7:1, large text ≥4.5:1.

WCAG Color Contrast Analyzer - Check Text Readability

Home › Tools › WCAG Color Contrast Analyzer

Free online WCAG color contrast analyzer. Enter foreground and background colors to auto-calculate contrast ratio. Evaluates AA and AAA compliance for normal and large text.

Zero Deps · Works Offline

🎨 Color Input

Foreground (Text)

Background

Sample Preview Text

📊 Contrast Analysis

4.55

Contrast Ratio

AA Normal Text

AA Large Text

AAA Normal Text

AAA Large Text

🎯 WCAG Color Contrast Analyzer

🎨 Color Input

📊 Contrast Analysis

🔗 Related Tools