Free Contrast Checker

Check the contrast ratio between foreground and background colors to ensure your design is accessible.

Foreground (Text)

Background

12.23:1 Contrast Ratio

PASS WCAG AA Normal Text

PASS WCAG AA Large Text

PASS WCAG AAA Normal Text

PASS WCAG AAA Large Text

Large Text Preview

Normal text preview. Design is not just what it looks like and feels like. Design is how it works. Good design is as little design as possible. Less, but better.

How to Use

1 Select a foreground color (text) and a background color
2 Check the real-time contrast ratio
3 Verify if the combination passes WCAG 2.1 accessibility standards

Frequently Asked Questions

More Free Design Tools

Need Professional Design Help?

Let our team bring your vision to life with custom designs tailored to your brand.

View Our Plans