Color Contrast Checker

Check WCAG accessibility compliance for your text and background color combinations. Ensure your designs are readable for everyone.

WCAG Compliant
Precise Ratio
Live Preview

WCAG Color Contrast Checker

Select text and background colors to check accessibility compliance

Large Text Preview (24px / 18.66px bold)
Normal Text Preview (16px)
8.59:1

Contrast Ratio

WCAG AA Normal Text

Pass (4.5:1 required)

WCAG AA Large Text

Pass (3:1 required)

WCAG AAA Normal Text

Pass (7:1 required)

WCAG AAA Large Text

Pass (4.5:1 required)

Understanding WCAG Contrast Requirements

What is WCAG?

WCAG (Web Content Accessibility Guidelines) by W3C ensures web content is accessible to people with disabilities. Our contrast checker helps verify compliance.

Level AA (Minimum)

WCAG AA requires 4.5:1 contrast for normal text and 3:1 for large text (18pt+). This is the minimum recommended standard for most websites.

Level AAA (Enhanced)

WCAG AAA requires 7:1 for normal text and 4.5:1 for large text. Use this for enhanced accessibility in critical information.

Large Text Definition

Large text is defined as 18pt (24px) regular or 14pt (18.66px) bold. Large text has lower contrast requirements due to better visibility.