العربية Start a project

(02)Brand · Tools

Contrast Checker

Check any text and background pair against WCAG 2.2 — contrast ratio, AA and AAA results for normal and large text, with a live preview.

  • Free forever
  • No sign-up
  • Runs in your browser
02 / 17 Contrast Checker Local · private

Try a pair

Contrast ratio

18.10: 1

  • Normal text · AA4.5 : 1—
  • Normal text · AAA7 : 1—
  • Large text · AA3 : 1—
  • Large text · AAA4.5 : 1—
  • UI & icons · AA3 : 1—

Your heading looks like this

Your body text looks like this. Good contrast keeps every word effortless to read — in bright sunlight, on older screens and for people with low vision.

Small print · 14px caption Button

Good to know

How it works

The ratio is (L1 + 0.05) / (L2 + 0.05), where L is the relative luminance of the lighter and darker colour. Results are never rounded up, so a pass here is a real pass.

AA needs 4.5:1 for normal text and 3:1 for large text (24px, or 18.66px bold). AAA needs 7:1 and 4.5:1.

Everything happens on your device. Nothing you enter is uploaded, stored or tracked.

More free tools

All 17 tools