Contrast Checker

Check color contrast against WCAG AA and AAA accessibility standards.

Foreground (text)

Background

Preview

Large heading text

Bold call-to-action

This is body text at 15 pixels. The five boxing wizards jump quickly to test how readable the body copy is at the chosen contrast level.

Contrast ratio

—

: 1

WCAG AA · Normal text

Requires 4.5 : 1

—

WCAG AA · Large text

Requires 3 : 1

—

WCAG AAA · Normal text

Requires 7 : 1

—

WCAG AAA · Large text

Requires 4.5 : 1

—