Tool overview
What is a WCAG Contrast Checker?
A WCAG contrast checker measures foreground/background contrast ratios against AA and AAA accessibility thresholds.
Why use this WCAG Contrast tool?
Verify text and UI colors before shipping—catch fails early without uploading brand palettes to a third party.
Key Features
AA/AAA pass-fail, live ratio updates, shareable color params, and client-side checks.
How to Use
Follow these steps to get accurate results from the tool interface above.
- Enter text and background colors in HEX or RGB.
- Read contrast ratio and AA/AAA pass indicators.
- Adjust palette until body and UI text meet WCAG thresholds.
WCAG Thresholds
AA normal text
Minimum 4.5:1 contrast ratio.
AA large text
3:1 for 18pt+ or 14pt bold.
AAA
7:1 normal / 4.5:1 large for enhanced compliance.
Frequently Asked Questions
Expandable answers for common debugging bottlenecks and data privacy questions.
Related tools
Explore other related utilities that complement this tool.
Official Documentation & References
Authoritative specifications and platform documentation for this utility.