RunTheTest

Color Contrast Checker

Test WCAG 2.1 color contrast accessibility compliance

Large Text (24px+)

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

Small text for fine print and captions.

Contrast Ratio

21:1

AA WCAG AA

Normal Text (4.5:1)
Large Text (3:1)
UI Components (3:1)

AAA WCAG AAA

Normal Text (7:1)
Large Text (4.5:1)

Suggestions

WCAG 2.1 Guidelines

Level AA (Minimum)

  • • Normal text: 4.5:1 minimum
  • • Large text (18pt+): 3:1 minimum
  • • UI components: 3:1 minimum

Level AAA (Enhanced)

  • • Normal text: 7:1 minimum
  • • Large text (18pt+): 4.5:1 minimum