WCAG contrast checker.

Paste any two hex colours and instantly see the contrast ratio with AA and AAA pass/fail. Came from verifying 21 colour pairs by hand on a production invoice app — so I built the tool that automates it.

Foreground colour

Background colour

The quick brown fox jumps

Click the colour swatch to use a colour picker

18.34:1

Contrast ratio

AA Normal✓

AA Large✓

AAA Normal✓

AAA Large✓

What the levels mean

AA Normal4.5:1 min · body text and UI

AA Large3:1 min · 18pt+ or 14pt bold

AAA Normal7:1 min · enhanced contrast

AAA Large4.5:1 min · enhanced large