color Popular

Color Contrast Checker

Check color contrast ratios for accessibility. Includes WCAG AA and AAA pass/fail results for normal and large text.

Foreground

Background

Preview text

The quick brown fox jumps over the lazy dog.

4.47:1

Contrast Ratio

AA Large

Overall rating

AA NormalFAIL

AA LargePASS

AAA NormalFAIL

AAA LargeFAIL

WCAG 2.1 accessibility standards. Compute happens locally in your browser.

How to use Color Contrast Checker

1Paste your input in the panel above or use the example data if available.
2Choose an action — format, generate, convert, encode, or analyze.
3Your result appears instantly. Use Copy to grab it, or Download if a file option is shown.

Runs entirely in your browser

Nothing you type, paste, generate, or upload leaves your device.

Which standard is used?

WCAG 2.1 ratios with AA and AAA thresholds for normal and large text.

Pick and convert colors between formats.

Generate CSS gradients.