All tools

Color contrast checker

Check text and background colors against WCAG AA and AAA, and get the closest passing color.

How to use the color contrast checker

  1. Enter or pick the text and background colors.
  2. Read the ratio and the pass or fail results.
  3. If it fails, click Use it to apply the closest passing text color.

Frequently asked questions

What ratio do I need?

WCAG AA needs 4.5:1 for normal text and 3:1 for large text and UI parts. AAA needs 7:1 and 4.5:1.

What counts as large text?

At least 24 px regular, or about 18.66 px bold.

How is the suggestion made?

We keep the hue and saturation of your text color and change only its lightness until it passes.

Related tools

RAID calculatorSee how much usable space you get and how many drives can fail before you lose data.JSON formatterPaste JSON to format it, check it for errors or make it compact.Base64 encoder and decoderConvert text to Base64 and back.Password generatorCreate strong random passwords.

Everything runs in your browser. Your files and text are never uploaded.

↑↓ move · Enter open · Esc close