Color Contrast Checker
Calculate the WCAG contrast ratio between two colors and check AA or AAA compliance.
Sample Aa
Result
Contrast ratio: 21.00:1 Text size: Normal text WCAG AA: Pass (threshold 4.5:1) WCAG AAA: Pass (threshold 7:1)
Use Cases
- Check text and background contrast
- Validate accessibility of colors
- Optimize readability
How to Use
Use the workspace above to type, paste, choose, or drop content and get the result immediately. Files and text stay local in your browser by default.
FAQ
What is the difference between AA and AAA?
AA requires a 4.5:1 ratio (3:1 for large text), while AAA requires 7:1 (4.5:1 for large text).
Which color formats are supported?
HEX color input is currently supported.