Free toolAccessibility · WCAG
Contrastchecker.
See instantly whether a color combination passes the WCAG AA and AAA accessibility criteria. Legible text for everyone, always.
#FFFFFF
#0A0A0A
Aa
Sample text to judge readability with this contrast.
Small secondary text in this color pair.
GreatMeets the AAA level. Excellent contrast.19.80:1
13.04.57.021
AANormal text
AALarge text
AAANormal text
AAALarge text
How it works Under the hood
Accessibility youcan measure.
WCAG 2.1 standard
We calculate the contrast ratio using the official relative luminance formula and compare it against the AA and AAA thresholds.
Normal and large
Large text needs less contrast. We show both scenarios separately so you can choose with confidence.
Live preview
See the colors applied to real text as you adjust. The result updates instantly, with nothing to reload.