Color Contrast Checker

Check whether a foreground/background color pair meets WCAG AA/AAA accessibility contrast ratios.

COLORS

Large sample text
Smaller sample text for normal-size reading.
21.00:1

What this tool does

A color contrast checker measures the contrast ratio between a text color and its background, then checks that ratio against the WCAG accessibility standards (AA and AAA) for normal and large text.

How it works

  1. Set the foreground (text) color and the background color, by picker or HEX code.
  2. Preview how real sample text looks against that combination.
  3. Read the contrast ratio and see which WCAG levels it passes for normal-size and large text.
Example: Black text (#000000) on a white background (#FFFFFF) gives a contrast ratio of 21:1, passing every WCAG AA and AAA level.
Yes. The color contrast checker is completely free, with no signup, no watermark, and no limit on how many times you use it.
No — it's built for anyone, with no design skills or software required.
Yes — anything you create is yours to use, including for business or client work.
Yes — it's fully responsive and works the same on mobile, tablet, or desktop.
Yes — "color contrast checker" and "WCAG contrast checker" describe the same task. This page is built to handle that search directly, without redirecting you elsewhere.