Color Contrast Checker

Check if your color combinations meet WCAG accessibility standards.

Foreground

Background

Sample Text

The quick brown fox jumps over the lazy dog.

21.00:1

Contrast Ratio

PASSAA Normal Text

Required: 4.5:1

PASSAA Large Text

Required: 3:1

PASSAAA Normal Text

Required: 7:1

PASSAAA Large Text

Required: 4.5:1

Check both AA and AAA compliance levels for normal and large text.

See a real-time preview of your text and background color combination.

Get the exact contrast ratio between any two colors.

FAQ

What is WCAG contrast ratio?

WCAG requires a minimum contrast ratio of 4.5:1 for normal text (AA) and 7:1 for enhanced contrast (AAA). Large text needs 3:1 for AA.

Why does color contrast matter?

Sufficient color contrast ensures text is readable by people with low vision or color blindness, meeting legal accessibility requirements.