WCAG Contrast Checker

Enter foreground and background hex colors to see the contrast ratio and pass/fail for AA and AAA levels.

Free · No limits · Runs in your browser

How to use

  1. 1Enter two #RRGGBB (or #RGB) colors.
  2. 2Read the ratio and WCAG rows.

Frequently asked questions

Non-sRGB?
This uses sRGB relative luminance; exotic profiles may differ slightly.
Gradients?
Pick solid colors; gradients need spot checks at worst points.

Image Tools: Compress, resize, convert, and edit images right in your browser.

Loading...