Skip to content

Contrast checker

Check WCAG color contrast between two colors. Get the ratio plus AA / AAA verdicts for normal and large text — everything runs locally in your browser.

Contrast ratio14.05:1
WCAG verdict
AA · normal textPass
AA · large textPass
AAA · normal textPass
AAA · large textPass
Live preview

Small text (12px) — the quick brown fox jumps over the lazy dog.

Body text (16px) — the quick brown fox jumps over the lazy dog.

Bold text (14px bold) — the quick brown fox jumps over the lazy dog.

Large text (24px) — quick brown fox.

Features

How it works

  1. Pick a foreground (text) and a background color.
  2. Read the contrast ratio computed live.
  3. Use Swap to test the reverse pairing, or tweak until AA/AAA pass.

Your files never leave this page

Every conversion runs entirely in your browser using WebAssembly. There is no upload, no server-side processing, no analytics, and no cookies. Open DevTools → Network during the operation and you will see zero outbound traffic.

Related tools

Topics covered