TOOL· a11y · color · WCAG· Live
Contrast Checker
WCAG contrast ratio for any two colors. Pass / fail across AA and AAA, normal and large text. Live preview shows the result on real ink and paper.
Tool · Contrast CheckerWCAG 2.2
Contrast ratio
18.47 : 1
- AA · Normal text→ PASS
- AA · Large text→ PASS
- AAA · Normal text→ PASS
- AAA · Large text→ PASS
- AA · Graphics→ PASS
Preview
The quick brown fox
Jumps over the lazy dog at 4:00 in the afternoon, with body text that proves real reading at this contrast.
How it works
Drop in two hex colors, see the contrast ratio and whether it clears WCAG AA and AAA for both normal and large text. The check uses the WCAG 2.2 relative-luminance formula: sRGB linearised, then weighted 0.2126 / 0.7152 / 0.0722 for R, G, B.
The preview area shows live ink-on-paper. If the ratio drops below the line, the failing tier in the result list flips to FAIL.
When to use it
- Picking body-text color on a new background.
- Sanity-checking a brand palette against accessibility minimums.
- Validating a
--colortoken before shipping.
Designed for the quick lookup, not the deep audit. For full WCAG conformance run a real tool against a real layout.
More tools
More tools4 of many