ColorCheckerColorContrast

ADA Color Contrast Checker

Verify your website's colors meet ADA compliance standards. The Americans with Disabilities Act requires accessible design — and color contrast is the #1 most-cited violation. Test your colors before a demand letter does.

ADA Lawsuit Risk by Contrast Ratio

Critical
High
Low
Safe
1.0–2.9:1

Immediate lawsuit exposure — fix today

3.0–4.4:1

Fails AA for normal text — demand-letter magnet

4.5–6.9:1

Passes AA, fails AAA — legally defensible

7.0+:1

Passes AA and AAA — no color contrast exposure

ADA vs Other Accessibility Standards

StandardScopeContrastEnforcement
ADA (Title III)US public-facing websitesWCAG AA (via case law)Lawsuits + DOJ actions
Section 508US federal agencies + contractorsWCAG 2.0 AAProcurement bar
EAA (EU)EU products & services (2025+)EN 301 549 / WCAG AAFines + market access
AODA (Canada)Ontario businesses 50+ employeesWCAG 2.0 AAFines up to CAD $100k/day

The ADA itself is technology-neutral, but courts and the DOJ have consistently held WCAG 2.1 AA as the reasonable standard. Meeting AA contrast requirements is the single most effective step toward ADA compliance for color.

Most-Sued Color Combinations

2.1:1
Light gray on white
#1 most cited in lawsuits
1.5:1
Pale gray on off-white
Footer text, sidebars
1.9:1
Yellow on white
Warning text, badges
3.8:1
Mid-gray on light gray
Fails AA for normal text

How to Check ADA Color Contrast

1. Pick your text color — enter the hex code of your body text, link color, or any foreground element you want to verify for ADA compliance.

2. Pick your background — this is usually white (#FFFFFF) or an off-white shade. ADA lawsuits most frequently target light text on light backgrounds.

3. Read the verdict — the tool instantly shows whether your pair meets AA (legally compliant) or fails (lawsuit exposure). Use the AI suggestions button to find passing alternatives that stay close to your brand colors.

Contrast Ratio

4.8:1
AA Normal
AA Large
AAA Normal
AAA Large

Heading Preview

Body text rendered in your selected colors. This is how your content will look — check if it's comfortable to read at normal paragraph sizes.

12px caption · secondary information

URL Scanner

Scan any site for WCAG issues

Palette Explorer

Pick a seed color and get WCAG-compliant harmonies.

AI Color Recommendations

This feature is not yet available. We're actively building it — if you'd like early access or have ideas to share, reach out and we'll prioritize your needs.

Contact Us

Frequently Asked Questions

What does the ADA require for color contrast?
The Americans with Disabilities Act (ADA) does not specify exact contrast ratios in the statute itself, but US courts and the Department of Justice consistently reference WCAG 2.1 AA as the compliance benchmark. This means 4.5:1 for normal text, 3:1 for large text, and 3:1 for UI components. Our checker evaluates all three against these legally recognized thresholds.
Can I be sued for low color contrast on my website?
Yes — and color contrast is one of the most commonly cited violations in ADA website lawsuits. In 2023-2025, over 70% of ADA demand letters included color contrast issues. The most frequent target: light gray text on white backgrounds used for body copy, sidebar text, form labels, and footer links. Fixing contrast is typically the quickest and cheapest remediation step.
Does ADA compliance require WCAG AA or AAA?
AA is the de facto legal standard. While AAA is more stringent (7:1 for normal text), no court or regulation has mandated AAA-level compliance. Focus on AA first — it covers the vast majority of legal risk. Our tool shows both AA and AAA results so you can assess your exposure at each level.
How many ADA contrast violations does a typical website have?
According to WebAIM's annual accessibility analysis, approximately 83% of home pages have color contrast failures — averaging 30+ distinct violations per page. The most common offenders: secondary text colors, footer links, form placeholder text, and icon-only buttons. Run our URL analyzer on your site to see your count.
What's the fastest way to become ADA compliant for color contrast?
(1) Scan your site with our URL checker to identify all violations. (2) Fix the highest-traffic pages first — homepage, nav, checkout. (3) Use our AI suggestions to find accessible alternatives that preserve your brand palette. (4) Re-scan and export the clean report as proof of remediation. Most small-to-medium sites can achieve full contrast compliance in under two hours of focused work.

Related Tools

WCAG AA CheckerWCAG AAA CheckerURL Contrast CheckerBrand Color Checker