Contrast Checker

Check color contrast ratios for accessibility compliance. Results update automatically as you change colors.

Foreground Color (Text)

Background Color

Sample Text

The quick brown fox jumps over the lazy dog.

Small text: Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Contrast Ratio

21:1

WCAG AA (Normal Text)Pass

WCAG AAA (Normal Text)Pass

WCAG AA (Large Text)Pass

WCAG AAA (Large Text)Pass

About Color Contrast

WCAG (Web Content Accessibility Guidelines) requires minimum contrast ratios for text to be readable. AA level requires 4.5:1 for normal text and 3:1 for large text. AAA level requires 7:1 for normal text and 4.5:1 for large text.