WCAG Contrast Checker
Check text/background contrast ratio against WCAG AA & AAA accessibility standards. Everything runs on your device — fast, free, and private.
Sample text — The quick brown fox
Large text 24px
Contrast ratio
14.68:1
AA — normalPASS ✓
AA — largePASS ✓
AAA — normalPASS ✓
AAA — largePASS ✓
Everything runs in your browser.
728 × 90Ad Space AvailablePlace your ad here
Example
Example Input
#1f2937 on #ffffff
Example Output
Ratio 15.6:1 — AA ✓ AAA ✓
How to Use
- 1Pick or enter a color in the controls above.
- 2The result updates live.
- 3Copy whichever value you need.
About WCAG Contrast Checker
The WCAG Contrast Checker computes the contrast ratio between text and background colors (1:1 to 21:1) and shows whether it passes WCAG AA and AAA for normal and large text — with a live preview.
Sufficient contrast is essential so content is readable by everyone, including people with low vision. AA needs 4.5:1 (normal text); AAA needs 7:1.
FAQ
Is my data sent to a server?
No. WCAG Contrast Checker runs entirely in your browser — your data never leaves your device.