arrow_backBack to Tools
contrast
Contrast Checker
Foreground vs background → WCAG contrast ratio and AA/AAA verdicts, with live preview.
a11ydesign
/ Foreground
/ Background
11.28:1
Excellent
Preview
The quick brown fox
Small body text, jumping over the lazy dog — the sort of sentence a reader would encounter mid-page. If this feels harsh to read, the ratio is not passing for you.
code · variable_name · 42
/ WCAG verdicts
- AA · normal textcheck_circlepass (≥ 4.5)
- AA · large text (18pt+ / 14pt bold)check_circlepass (≥ 3)
- AAA · normal textcheck_circlepass (≥ 7)
- AAA · large textcheck_circlepass (≥ 4.5)
- UI components / graphicalcheck_circlepass (≥ 3)
/ Try these pairs
Runs entirely in your browser. Nothing is sent anywhere.