WCAG Color Contrast Checker
Ensure your website is readable and compliant. Check your text and background colors against official Web Content Accessibility Guidelines (WCAG).
Smart Auto-Fix
If your colors fail, we can automatically adjust the text color to the nearest shade that passes WCAG AA.
Normal Text (14pt)
Large Text (18pt+)
Large Text Preview
This is how normal paragraph text will look with your chosen color combination. Ensuring good contrast makes your website accessible to visually impaired users and easier to read for everyone.
Recent Checks
How to Use Contrast Checker
Make sure everyone can read your text — including people with low vision — by checking your colours against the WCAG rules.
Pick Two Colours
Choose a text colour and a background colour, or type HEX codes.
Read the Result
See the contrast ratio and whether it passes AA and AAA for normal and large text.
Fix It Fast
Click "Adjust Text to Pass AA" to get the closest colour that passes.
Checks
WCAG AA & AAA
Fix
One-click adjust
Preview
Live text & buttons
Works on
Phone & computer
Privacy
Runs in your browser
Price
100% free
Contrast Checker: Quick Reference
The key numbers and facts in one place.
| Normal text – AA | 4.5 : 1 or higher |
|---|---|
| Normal text – AAA | 7 : 1 or higher |
| Large text – AA | 3 : 1 or higher |
| Large text – AAA | 4.5 : 1 or higher |
| Large text means | About 24px, or 19px bold |
| Black on white | 21 : 1 (the highest) |
What Can You Use It For?
Popular ways people use Contrast Checker.
Website Design
Choose readable text and button colours.
Accessibility Rules
Meet legal and company standards.
Posters & Slides
Make sure text stands out.
Apps
Test colours for app screens.
Tips for the Best Result
- Aim for at least 4.5 : 1 for normal text.
- Large text means about 24px, or 19px bold.
- Light grey text on white often fails — check it.
Frequently Asked Questions
Quick answers about Contrast Checker.
At least 4.5 : 1 for normal text and 3 : 1 for large text to pass AA. AAA needs 7 : 1 and 4.5 : 1.
The Web Content Accessibility Guidelines — the worldwide standard for accessible websites.
Text of about 24px, or 19px if it is bold.
AA is the usual target. AAA is better for long reading and important information.
Yes.
Related Free Tools
Ready to Use Contrast Checker?
Scroll up and get your result in seconds. 100% free, no sign-up needed.
Start Now