WCAG Contrast Checker

Test color contrast ratios for accessibility. Ensure your colors meet WCAG AA and AAA standards.

Sample Text

The quick brown fox jumps over the lazy dog

Small text example for testing readability

21:1
Contrast Ratio

Normal Text(16px+)

WCAG AA (4.5:1)
Pass
WCAG AAA (7:1)
Pass

Large Text(18px+ or 14px+ bold)

WCAG AA (3:1)
Pass
WCAG AAA (4.5:1)
Pass

About WCAG Standards

  • AA: Minimum contrast for normal text (4.5:1) and large text (3:1)
  • AAA: Enhanced contrast for normal text (7:1) and large text (4.5:1)
  • • Large text is 18px+ regular or 14px+ bold
  • • Higher ratios improve readability for users with visual impairments

Ad Space

320x50