Contrast Checker

Verify WCAG accessibility compliance in real-time.

Text Color

Background Color

Heading Text

This is how your body text looks with the chosen colors.

Smaller text and secondary content appears like this.

Contrast Ratio

19.75:1

Excellent

AA Normal

Required: 4.5:1

Pass

AA Large

Required: 3:1

Pass

AAA Normal

Required: 7:1

Pass

AAA Large

Required: 4.5:1

Pass