Back to Dev Tools

Color Contrast Checker

Check WCAG accessibility compliance

Foreground Color

Background Color

Sample Text

This is how your text will look

Contrast Ratio

21:1

Pass

WCAG AA (Normal)

Requires 4.5:1

Pass

WCAG AA (Large)

Requires 3:1

Pass

WCAG AAA (Normal)

Requires 7:1

Pass

WCAG AAA (Large)

Requires 4.5:1