Tool overview
What is WCAG Contrast?
A WCAG Contrast is a tool that helps you check colour contrast ratios for accessibility compliance.
Why use WCAG Contrast?
It improves readability and workflow speed when you need to check colour contrast ratios for accessibility compliance—entirely in your browser with no server uploads.
Key Features
Instant syntax highlighting and error catching, client-side privacy, and one-click copy for wCAG Contrast workflows. Check colour contrast ratios for accessibility compliance
How to Use
Follow these steps to get accurate results from the tool interface above.
- Enter text and background colours 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.
Official Documentation & References
Authoritative specifications and platform documentation for this utility.