Accessibility
Color Contrast Checker
Check whether a text and background color pair meets WCAG AA/AAA contrast requirements — computed entirely in your browser.
Color Inputs
Large text sample (24px+)
Normal text sample — the quick brown fox jumps over the lazy dog.
Contrast ratio: 17.40:1
Normal text — AA
Requires 4.5:1
Normal text — AAA
Requires 7:1
Large text — AA
Requires 3:1
Large text — AAA
Requires 4.5:1
About this tool
Comprehensive documentation & audit utility guideWCAG defines minimum contrast ratios between text and its background so content stays readable for users with low vision or color blindness. This tool computes the exact ratio using the WCAG relative luminance formula and checks it against all four AA/AAA thresholds at once.
How it works
1
Pick two colors
Text color and background color, via the swatch or a hex code.
2
See the live preview
Both sample sizes render with your exact colors.
3
Check the thresholds
Pass/fail against all four WCAG levels simultaneously.
What it checks
Normal text — AA (4.5:1) and AAA (7:1)
Large text (24px+, or 19px+ bold) — AA (3:1) and AAA (4.5:1)
Exact computed contrast ratio