CANVA FREE TEMPLATE · DESIGN UTILITIES

Color Contrast Checker

Measure text and background contrast and check WCAG AA and AAA color thresholds.

Free browser tool

No account needed · Process locally · Download your result

How to use the Color Contrast Checker

Choose the foreground text color and background color.
Read the live contrast ratio and pass or fail results.
Adjust either color until it reaches your intended threshold.
Copy the result and test the final design in its real context.

What this tool helps you solve

A beautiful pale caption can disappear on a light background. Check the numeric contrast ratio before committing a color pair to a template, button or presentation.

A practical daily workflow

Test a purple call-to-action on an ivory card. If normal-size text fails AA, darken the purple or lighten the background before exporting the design.

Get a better result

The checker assesses solid sRGB colors only. Images, gradients, opacity, font weight and surrounding visual context can change practical readability. Passing this check alone does not establish complete accessibility.

Keep an untouched original and inspect the result at the size your audience will see. If your next step is a new layout, explore free Canva templates. For additional context, read the related design guide or collection.

Frequently asked questions

What counts as large text?

WCAG treats text of at least 18 point, or bold text of at least 14 point, as large. Normal text needs 4.5:1 for AA; large text needs 3:1.

Are my files uploaded to a server?

The tool processes supported inputs in your browser. This plugin does not upload your working images or text. Other scripts installed by a site owner follow their own privacy policies.