🎯

Color Contrast Checker

Check color contrast between foreground and background against WCAG 2.1 AA and AAA accessibility levels for normal and large text.

Foreground (text)

Background

Contrast ratio

—

WCAG 2.1 (1:1 to 21:1)

Large text — 24px / bold 18.66px

Normal text — The quick brown fox jumps over the lazy dog. 0123456789

Small text — Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WCAG 2.1 results

Normal text · AA (≥ 4.5)

—

Normal text · AAA (≥ 7)

—

Large text · AA (≥ 3)

—

Large text · AAA (≥ 4.5)

—

UI components & graphics (≥ 3)

—