Contrast Checker

Check color contrast ratios for WCAG accessibility compliance

Colors

Foreground (Text) Color

Background Color

Preview

This is normal text (16px) to test readability and contrast.

This is large text (18px+) which has different WCAG requirements.

Contrast Results

21:1

Normal Text

AAA

Large Text

AAA

WCAG Guidelines

AA (Minimum)

Normal text: 4.5:1 | Large text: 3:1

AAA (Enhanced)

Normal text: 7:1 | Large text: 4.5:1

Large text is defined as 18pt+ or 14pt+ bold