Contrast checker

WCAG contrast, live.

Pick foreground and background colors; see the contrast ratio and WCAG 2.2 AA / AAA badges for normal and large text in real time.

Foreground

Background

Contrast ratio

—

Live preview

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

Large bold text: The quick brown fox jumps.

Very large: Typography matters.

WCAG 2.2 AA / AAA Normal & large text Live preview