← Back to results
All tools ↗

Design

Contrast Checker

Check the contrast ratio of two opaque HEX colors against WCAG AA and AAA thresholds for normal and large text.

Your browser. Your workspace.
Ready when you are

A little less busywork. A little more time for what matters.

About Contrast Checker

See whether a text color stands out clearly against its background, with contrast results for normal and large text.

How to use it

  1. Enter the text and background colors as three- or six-digit HEX values.
  2. Run the tool to calculate the contrast ratio and show a preview.
  3. Review the AA and AAA results for the text size you intend to use.

Good to know

  • Results apply to opaque, flat colors. Images, gradients, transparency and surrounding visual context are not evaluated.
  • Large text means at least 18 pt, or 14 pt bold. A contrast pass alone does not establish that a page meets every accessibility requirement.

Your tool input is processed in this browser and is not uploaded by the application. JavaScript is required to run the tool.

The small print, plainly

A note on privacy.

Tool inputs and files are processed in your browser. This app does not upload the content you enter or the files you open.

The website host can receive ordinary request information, such as your IP address and browser details, when you load the site. No analytics have been added to this app.

Only your favorite tool IDs are saved in local storage on this browser. You can remove favorites by un-starring them or clearing this site’s browser data.

Clearing an input removes it from the tool. It does not clear your clipboard or delete files you have downloaded.

Simple tools, thoughtfully made.