Color Contrast Checker (WCAG)

Compute contrast ratio + AA/AAA pass/fail for normal/large text. Client-side only.

Inputs

Foreground (text) color

Background color

Preview text

Text size

Accepts #rgb / #rrggbb. Ratio uses WCAG relative luminance formula.

Ready.

Preview

Sample