‹ Back to Home

Contrast Checker

Check WCAG contrast for text and background colors.

See the ratio, AA and AAA results, a live sample, and a nearest passing suggestion.

Preview

Normal text sample for WCAG contrast.

Large text sample.

Colors

Contrast ratio: 4.76:1

AA normal
Pass
AA large
Pass
AAA normal
Fail
AAA large
Pass

Status

What Contrast Checker does

Contrast Checker measures text and background colors against WCAG AA and AAA levels.

It shows a live sample and can suggest the nearest foreground that passes AA normal.

How to use it

  1. Set text and background colors.
  2. Read the ratio and pass or fail results.
  3. Apply the suggestion if you need a passing color.

Formats and limits

  • HEX colors.

Privacy

Processing stays in this tab. Nothing is uploaded.

Related tools

All processing runs locally in your browser. This tool is provided as-is without warranty. Keep backups of your original files before processing.

By uploading media, you confirm you own the content or have permission to modify it. Please read the Terms and Conditions.