Contrast Checker

Colour

Contrast Checker

Colour

Check WCAG colour contrast compliance

Background Colour

Foreground Colour

Preview

Large Text (24px+)

Normal text at 16px. The quick brown fox jumps over the lazy dog.

Small text at 14px for fine print and captions.

Contrast Ratio

—

About WCAG Contrast Requirements

AA Normal: 4.5:1 minimum for text smaller than 18pt (or 14pt bold)
AA Large: 3:1 minimum for text 18pt+ (or 14pt+ bold)
AAA Normal: 7:1 minimum for enhanced accessibility
AAA Large: 4.5:1 minimum for large text enhanced accessibility