Skip to main content
CoolColor Space

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

Frequently Asked Questions

What is WCAG AA contrast ratio?
WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (18pt or 14pt bold). This ensures content is readable for users with moderate visual impairments.
What is WCAG AAA contrast ratio?
WCAG AAA (enhanced level) requires a contrast ratio of 7:1 for normal text and 4.5:1 for large text. AAA compliance provides the highest level of accessibility for users with severe visual impairments.
How do I check color contrast for accessibility?
Enter your foreground (text) color and background color in the WCAG Contrast Checker. The tool instantly calculates the contrast ratio and shows whether your colors pass AA and AAA standards.
What contrast ratio do I need for my website?
Most websites should meet WCAG AA (4.5:1 for text). Government and public sector websites often require AAA (7:1). Our contrast checker shows pass/fail for both levels simultaneously.
Feedback