Color Contrast Analyzer
#
#
WCAG 2.1
21.00:1
Contrast Ratio
1 3 4.5 7 21
WCAG Compliance
Normal Text (AA)
PASS
4.5:1 required
Normal Text (AAA)
PASS
7:1 required
Large Text (AA)
PASS
3:1 required
Large Text (AAA)
PASS
4.5:1 required
This is sample text demonstrating your color combination
Large text sample (24px regular)
Bold text sample (18px bold)
Suggested Accessible Colors

Recent Colors

WCAG Information

About WCAG Standards

The Web Content Accessibility Guidelines (WCAG) ensure content is accessible to people with visual impairments.

Minimum Requirements:

  • Level AA: 4.5:1 for normal text, 3:1 for large text
  • Level AAA: 7:1 for normal text, 4.5:1 for large text

What is Large Text?

Large text is defined as:

  • 18pt (24px) or larger regular weight
  • 14pt (18.66px) or larger bold text

Why Accessibility Matters

  • Over 2.2 billion people have vision impairments
  • Legal requirement in many countries
  • Improves user experience for everyone
  • Expands your potential audience

Performance Notes

  • All calculations performed client-side for instant results
  • Optimized algorithms ensure smooth performance
  • Minimal dependencies for fast loading
  • Local storage used for history persistence