Contrast Checker (WCAG)

Check colour contrast against WCAG AA and AAA — the exact ratio, not an estimate.

What you provide

Result

PASS

4.54:1 — passes AA

Fine for AA, which is what most standards require. It does not reach AAA for normal text — worth aiming for on body copy where you can.

Aa

Live preview

4.54:1

Against the WCAG thresholds
1.021
4.54:1pass
  • Below 3:1 — fails everything
  • 3:1 — AA large text only
  • 4.5:1 — AA normal text
  • 7:1 — AAA normal text

The scale runs to 21:1, the maximum possible ratio — pure black on pure white.

Which levels this passes
CheckNormal textLarge text
AA4.5:1pass3:1pass
AAA7:1issue4.5:1pass
Diagnostic telemetry
Contrast ratio
4.54:1
Foreground
#767676
Background
#ffffff
AA — normal textNeeds 4.5:1
Pass
AA — large text≥18pt, or ≥14pt bold. Needs 3:1
Pass
AAA — normal textNeeds 7:1
Fail
AAA — large textNeeds 4.5:1
Pass

What this cannot tell you

  • The ratio follows the WCAG formula exactly, but contrast is only one part of legibility. Font size, weight, spacing and the surrounding design all matter and none are measured here.
  • WCAG thresholds are minimums, not guarantees that text is comfortable — meeting AA is a floor, not a target.
  • It checks two solid colours. Text over an image or gradient has a contrast that varies pixel by pixel, which this cannot assess.

Take this with you

Contrast Checker (WCAG) on RunTheTests — free browser-based colour tools, no sign-up.