Contrast Checker

Check WCAG AA and AAA color contrast compliance

Foreground

Background

Contrast Ratio

21.00:1

Pass AA Large
Pass AA
Pass AAA Large
Pass AAA

Large Text

The quick brown fox jumps over the lazy dog.

Normal Text (16px)

The quick brown fox jumps over the lazy dog. This is how body copy would appear with these color choices.

WCAG AA: Normal text requires 4.5:1, large text (24px / 18pt or 18.67px / 14pt bold) requires 3:1

WCAG AAA: Normal text requires 7:1, large text requires 4.5:1