Contrast Checker

WCAG 2.1 ratio · AA / AAA pass-fail for text and UI components

The quick brown fox

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Smaller print: this is what 12px body copy looks like at the chosen contrast.

Foreground

Background

Contrast ratio

19.79 : 1

Normal text

< 18pt regular · < 14pt bold

AAAAA

Large text

≥ 18pt regular · ≥ 14pt bold

AAAAA

UI components

Icons, focus rings, form borders