Color Contrast Checker

Check text and background contrast against WCAG AA and AAA.

100% private — runs entirely in your browser. Your data is processed on your device and never sent to the internet.

Large text preview

Normal text — the quick brown fox jumps over the lazy dog.

contrast ratio

About the Color Contrast Checker

This free color contrast checker measures the contrast ratio between a text color and a background color and tells you whether it passes WCAG AA and AAA for normal and large text — essential for accessible, readable design.

It runs in your browser — nothing is uploaded.

How to use it

  • Pick a text color and a background color
  • See the contrast ratio and the AA / AAA pass or fail badges
  • Read the live preview to judge it for yourself, then adjust the colors

More tools

View all