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.

How it works

  1. Drop your file or paste your content into the tool above.
  2. Adjust the options — every change updates the preview instantly.
  3. Download the result. Your file never leaves your browser.

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