← craftery.dev

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
AA

100% client-side · Your data never leaves your browser

by craftery.dev