Color Contrast Checker

Test text and background color pairs against WCAG. See your ratio and pass or fail for AA and AAA in one view.

Quick presets

Contrast ratio21:1
Normal text (16px)

Body copy and UI text. Readability here matters for most content.

Large text (24px)

Headings and large type.

WCAG results

AA
Normal text-
Large text-
AAA
Normal text-
Large text-

AA: 4.5:1 normal, 3:1 large. AAA: 7:1 normal, 4.5:1 large.