Contrast Checker

Check the contrast ratio of two colors to ensure they meet WCAG accessibility guidelines.

Foreground (Text) Color

Background Color

Contrast Ratio

21.00

AA Normal (4.5:1)

AAA Normal (7.0:1)

The quick brown fox jumps over the lazy dog.

This is how your text will look on the selected background.

What is the Contrast Checker?

Check the contrast ratio of two colors to ensure they meet WCAG accessibility guidelines.