Color contrast checker

Check readable color combinations against WCAG. Free, simple, and right here in your browser.

Preparing your tool…
A little possibility, waiting.Your result will appear here.
A useful little guide

How to use color contrast checker

Calculate the contrast ratio between two opaque sRGB colors and compare it with WCAG AA and AAA text thresholds. Preview a real text sample.

  1. Enter a sample value, color, URL or structured input.
  2. Choose the required format or options and run the tool.
  3. Review the output and copy it into your own workflow.
A real use case

Try this next

Check dark green text on an off-white background before using the pair in a button or article.

A detail to keep in mind

Passing a contrast threshold is one part of accessible design. The tool does not audit layout, keyboard navigation or text over images.

Questions, answered.

Is color contrast checker free to use?

Yes. This tool is part of Nepocore’s free browser toolkit. There is no paid tier, file-download gate or application account required.

What should I check before using the result?

Passing a contrast threshold is one part of accessible design. The tool does not audit layout, keyboard navigation or text over images.

Does this tool upload my files or text?

The tool processes its input in your browser. File contents and text are not sent to a processing server. See the privacy page for local storage and hosting details.

A little more in your toolkit

See the category