Skip to main content

WCAG Contrast Checker

Check color contrast for accessibility compliance

Foreground (Text)

Background

Preview

The quick brown fox jumps over the lazy dog

Large Text Example

Contrast Ratio

21:1

Normal Text

Regular text (under 18pt or 14pt bold)

AAMin 4.5:1
AAAMin 7:1

Large Text

18pt and larger, or 14pt bold and larger

AAMin 3:1
AAAMin 4.5:1

About WCAG

WCAG (Web Content Accessibility Guidelines) defines contrast ratios to ensure text is readable for people with visual impairments.

  • AA - Minimum contrast for legal compliance
  • AAA - Enhanced contrast for better accessibility