WCAG Contrast Checker
// Check WCAG 2.1 color contrast ratios
Large Text Sample (18pt+)
Normal text sample — The quick brown fox jumps over the lazy dog.
Small text for detailed reading and interface elements.
17.06:1
Contrast Ratio
PASS — AA Normal Text (4.5:1)
PASS — AA Large Text (3:1)
PASS — AAA Normal Text (7:1)
PASS — AAA Large Text (4.5:1)
#About WCAG Contrast Checker
Free online WCAG 2.1 contrast ratio checker. Test foreground and background color combinations against AA and AAA accessibility standards for normal and large text. This tool runs entirely in your browser — your data is never sent to a server. Just paste your input, get instant results, and copy with one click. No sign-up or installation required.
#FAQ
What contrast ratio is required for WCAG AA compliance? ▾
WCAG AA requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text (18pt or 14pt bold). These thresholds ensure readability for users with moderately low vision.
What is the difference between WCAG AA and AAA? ▾
WCAG AAA is a stricter standard requiring 7:1 contrast for normal text and 4.5:1 for large text. While AA is the minimum recommended level, AAA provides enhanced readability for users with more significant visual impairments.
</> Embed this tool ▾
Copy this code to embed the tool on your website. Adjust the height to fit your layout.
<iframe src="https://www.browserutils.dev/embed/wcag-contrast-checker" width="100%" height="500" frameborder="0" title="WCAG Contrast Checker"></iframe>