Color Contrast Checker
Ensure your text is readable and accessible for everyone.
17.39
Super
Small text
Large text
Great contrast for all text sizes.
Quote n. 28
"When I was a boy I was told that anybody could become President. Now I'm beginning to believe it."
- Clarence Darrow
Contrast Checker FAQ
What is color contrast and why is it important?
Color contrast is the difference in light between a foreground color (like text) and its background. Good contrast makes text readable for everyone, especially for people with visual impairments. It's a key part of accessible and user-friendly design.
What do the WCAG ratings (AA, AAA) mean?
The Web Content Accessibility Guidelines (WCAG) define levels of conformance:
- AA (Good): The minimum standard. Requires a 4.5:1 ratio for normal text and 3:1 for large text.
- AAA (Very Good): A higher standard for maximum accessibility. Requires a 7:1 ratio for normal text and 4.5:1 for large text.
What are 'Suggestions'?
If your color combination doesn't meet the minimum standards, the tool will automatically suggest alternative shades for both text and background colors. Clicking on a suggestion will instantly apply it, helping you find an accessible combination quickly.