FAHAQ

Color Contrast Checker

Check color contrast for WCAG accessibility.

Free WCAG color contrast checker. Test foreground and background colors against AA and AAA accessibility standards with a live preview. Runs in your browser.

How to use the Color Contrast Checker

  1. 01Pick a foreground and background color.
  2. 02See the contrast ratio and AA/AAA pass or fail.
  3. 03Adjust until it passes.

Frequently asked questions

What ratio do I need?

WCAG AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1 and 4.5:1.