Creative QA

Ad Color Contrast Checker

Paste any two colors — see the WCAG contrast ratio and pass/fail against AA and AAA thresholds.

Contrast is the #1 reason ad copy gets ignored. Xeli auto-checks every export against brand tokens.

Try Xeli
Ad headline
Body copy preview
17.85 : 1
  • PASS
    AA — Normal text
  • PASS
    AA — Large text
  • PASS
    AAA — Normal text
  • PASS
    AAA — Large text

Contrast checked. Xeli QAs every generated creative for readability, contrast and safe zones — automatically.

Try Xeli

How to use Ad Color Contrast Checker

  1. 1
    Pick a foreground color

    Text or logo color.

  2. 2
    Pick a background color

    Ad background or overlay.

  3. 3
    Read the ratio and pass/fail

    Adjust until AA passes at minimum.

Who this is for

  • Ad designers checking copy legibility across background variants
  • Landing page teams validating hero-section contrast
  • Brand teams enforcing accessible color pairings

Frequently asked questions

What ratio is required?

WCAG AA: 4.5:1 for body text, 3:1 for large text. AAA: 7:1 body, 4.5:1 large.

Why does it matter for ads?

Low contrast text is skipped on scroll — costing you CTR and every downstream metric.

Xeli QA's every generated creative for readability, contrast, and safe zones — automatically.

Get early access