ColorTools

Contrast Checker

Check WCAG accessibility compliance for text and background color combinations.

Aa

Large Text (24px+)

Normal Text (16px)

Small Text (14px)

Contrast Ratio

0.00:1

Poor

WCAG Compliance

Level AA (Minimum)

Normal Text

Requires 4.5:1

Large Text

Requires 3:1

Level AAA (Enhanced)

Normal Text

Requires 7:1

Large Text

Requires 4.5:1

Suggested Combinations

About WCAG Guidelines

WCAG 2.1 (Web Content Accessibility Guidelines) provides recommendations for making web content more accessible.

Level AA is the standard level that most websites should aim for. It requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.

Level AAA is the highest level of conformance and requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.

Large text is defined as 18pt (24px) or larger, or 14pt (18.5px) bold or larger.