Loading tools...
Loading tools...
Check if your text and background colors meet WCAG accessibility standards. Avoid lawsuits and make your website usable for everyone.
The color of your text or foreground element
The color behind your text
Preview Text
The quick brown fox jumps over the lazy dog.
Small text sample for comparison
WCAG AA: Minimum for most text (4.5:1 normal, 3:1 large)
WCAG AAA: Enhanced accessibility (7:1 normal, 4.5:1 large)
Large text: 18pt+ regular or 14pt+ bold
Color contrast isn't just good design—it's the law in many jurisdictions.
ADA lawsuits in the US have increased 300% since 2018. WCAG compliance protects your business.
15% of the world population has some form of disability. Good contrast helps everyone read your content.
Accessible designs are more usable for everyone—in bright sunlight, on old monitors, or when tired.
Search engines favor accessible websites. Good contrast is part of Core Web Vitals and user experience signals.
Fixing accessibility issues after launch costs 10x more than building it right from the start.
Accessible websites signal that you care about all users, building trust and loyalty with your audience.
Everything you need to know about color contrast
WCAG (Web Content Accessibility Guidelines) are international standards for making web content accessible to people with disabilities. They define minimum contrast ratios to ensure text is readable.
AA is the minimum recommended level for most websites (4.5:1 for normal text, 3:1 for large text). AAA is the highest level of accessibility (7:1 for normal text, 4.5:1 for large text) and is recommended for sites targeting users with visual impairments.
Large text is defined as 18pt (24px) or larger for regular weight, or 14pt (18.5px) or larger for bold text. Large text has lower contrast requirements because it's easier to read.
Yes. In the US, the ADA (Americans with Disabilities Act) has been interpreted to include websites. Thousands of lawsuits are filed each year against businesses with inaccessible websites. The EU also has strict accessibility requirements under the European Accessibility Act.
Yes, if text is presented as an image (like logos or graphics with text), it should also meet contrast requirements. However, logos and decorative text have some exceptions.
Good contrast ratios help people with color blindness read your content. However, you should also avoid using color as the only way to convey information—use icons, patterns, or labels as well.
Non-compliant contrast can lead to ADA lawsuits. We audit entire UIs and build inclusive design systems from the ground up.
Disclaimer: This tool is provided for informational and educational purposes only. Preview renderings are approximations and may differ from actual platform displays due to platform updates, caching, or rendering differences. We fetch publicly available metadata and do not store or share your URLs. Platforms may cache old data even after you update your content—use their official debug tools to refresh caches. ZIRA Software is not liable for any decisions made based on this tool's output.