👁️
Contrast Checker
Check WCAG contrast ratios for accessible text colors
Accessible sample text
21:1
🔒 Runs 100% in your browser — nothing is uploaded.
Advertisement
Support free tools — this space is reserved for Google AdSense. Add your publisher ID in
assets/js/site-config.js to start earning.
Contrast Checker — frequently asked questions
What is a good contrast ratio?
The WCAG standard wants at least 4.5:1 for normal text and 3:1 for large text (AA). AAA is a stricter 7:1 and 4.5:1. Black text on white scores 21:1 — the maximum.
How is the contrast ratio calculated?
Each color's perceived luminance is computed, then the ratio is (L1 + 0.05) / (L2 + 0.05) between the brighter and darker color — the W3C formula.
Why does accessibility matter for my brand?
Readable colors improve usability, boost conversions, and are increasingly required for compliant sites and storefronts. WCAG AA is the common baseline.