Free tool · no signup

WCAG contrast checker.
Ratio + AA/AAA pass-fail in one paste.

Drop in any two colours — hex, rgb(), hsl(), or named — get the WCAG 2.1 contrast ratio plus a per-criterion breakdown across AA (normal + large) and AAA (normal + large). With a live preview swatch so you can see what the combination actually looks like.

Try a preset
Preview
Headline 28px bold
Body 16px regular — typical paragraph text on a landing page.
Small 14px text — captions and legal-ish footers.
Contrast ratio
3.96 : 1
AA large only
  • AA — normal text (≥ 4.5)
  • AA — large text (≥ 3)
  • AAA — normal text (≥ 7)
  • AAA — large text (≥ 4.5)

Large text per WCAG = ≥ 18pt regular or ≥ 14pt bold. Anything smaller falls under the normal-text rule.

Vyrable's editorial brain auto-checks contrast on every cover image it generates — text overlays that fail WCAG never ship. Accessibility baked into the workflow.