Home/Contrast Checker

Contrast Checker

Check WCAG contrast ratios for accessibility compliance (AA & AAA standards)

Background Color

Foreground (Text) Color

Text Size & Weight

This is considered normal text

Actions

Preview

The quick brown fox jumps over the lazy dog

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Contrast Ratio

21.00:1
Excellent
Accessibility Score
100/100

WCAG Compliance

WCAG AA (Normal Text)
Minimum 4.5:1
WCAG AA (Large Text)
Minimum 3:1
WCAG AAA (Normal Text)
Minimum 7:1
WCAG AAA (Large Text)
Minimum 4.5:1

About WCAG Standards

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

  • AA: Minimum level for most websites
  • AAA: Enhanced level for better accessibility
  • Large text: 18pt+ regular or 14pt+ bold (24px+/18.5px+)
  • Normal text: Below large text thresholds