Contrast Checker

Check WCAG color contrast ratio for accessibility compliance (AA/AAA).

9/10 uses left today

Sample Text

The quick brown fox jumps over the lazy dog.

This is how your text looks with these colors.

Foreground (Text)

Background

11.63

Contrast Ratio

AAA

Normal Text (≥ 4.5:1 AA, ≥ 7:1 AAA)

AAA

Large Text (≥ 3:1 AA, ≥ 4.5:1 AAA)

Related Tools

Pick colors and convert between HEX, RGB, HSL, and more.

Generate harmonious color palettes with multiple harmony modes.

Find the closest Tailwind CSS color for any HEX value.

Preview how colors look for different types of color vision deficiency.