WCAG stands for Web Content Accessibility Guidelines. It defines standards to make web content more accessible to people with disabilities, including low vision or color blindness.

AA is the minimum acceptable contrast ratio (4.5:1 for normal text). AAA is the enhanced standard (7.1:1), which provides maximum legibility.

Does text size matter?

Yes! Large text (18pt+, or 14pt+ bold) is easier to read, so the WCAG guidelines allow a lower contrast ratio (3.0:1 for AA) for large text compared to normal text.

👀 Color Contrast Checker

Ensure your colors pass WCAG AA/AAA accessibility standards

Readability Preview

This is an example of normal text to demonstrate how legible the contrast is between your chosen foreground and background.

Ratio: 6.29:1

Text Color (Foreground)

Background Color

WCAG Compliance Ratings

AA NormalPass

Required: 4.5:1

Standard 14pt (18px) regular weight text.

AA LargePass

Required: 3.0:1

Large 18pt (24px) or 14pt (18px) bold text.

AAA NormalFail

Required: 7.0:1

Enhanced contrast for standard text sizes.

AAA LargePass

Required: 4.5:1

Enhanced contrast for large text elements.

👀 Color Contrast Checker

Readability Preview

❓ Frequently Asked Questions

🔗 More Tools

👀 Color Contrast Checker

Readability Preview

❓ Frequently Asked Questions

🔗 More Tools