WCAG Contrast Checker
Check color contrast against WCAG 2.1 AA and AAA standards
Enable JavaScript to use the interactive tool.
How to use this tool · examples & limitations
Check color contrast against WCAG 2.1 AA and AAA standards.
Getting a reliable result
Adjust one style property at a time, inspect the preview and copy the CSS into a test element.
Limitations to check
Verify the result on small screens and with keyboard navigation. A visual preview alone is not an accessibility audit.
For network services, accounts and optional usage records, see our privacy policy.