What is a good contrast ratio?

WCAG AA requires at least 4.5:1 for normal text and 3:1 for large text (18px+ bold or 24px+). AAA requires 7:1 and 4.5:1 respectively.

Why does color contrast matter?

Sufficient contrast ensures text is readable for users with low vision or color blindness. About 8% of men have some form of color vision deficiency.

What is the maximum contrast ratio?

The maximum contrast ratio is 21:1, which is black (#000000) on white (#FFFFFF) or vice versa.

← toolist

Color Contrast Checker

Check if your foreground and background colors meet WCAG 2.1 accessibility standards (AA and AAA).

Foreground Color

Background Color

Sample Text Preview

—

Contrast Ratio

—

WCAG AA

—

WCAG AAA

About WCAG Contrast

WCAG 2.1 defines minimum contrast ratios for text readability. AA requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 for normal text and 4.5:1 for large text. This tool helps designers and developers ensure their color choices are accessible to users with visual impairments.

Color Contrast Checker

About WCAG Contrast

Related Tools