Design · Accessibility

Check contrast for WCAG compliance

Pick a foreground and a background. Read the ratio, the level it passes, and what the pairing actually looks like at the same time.

Runs locallyWCAG 2.2

Colors

Foreground

Background

Sample preview

Here is what your text looks like in the wild.

Small body copy renders at this size and weight. WCAG calls anything at this density "normal text", so the strict 4.5:1 ratio applies.

19.11:1

Passes AAA for normal text.