Free color contrast checker

Make sure the words are actually readable.

Compare one text color with one background color. See the exact contrast ratio and the common WCAG thresholds that pair passes or fails.

Runs on this device. Nothing you enter is submitted or saved.

01

Choose the two colors

Enter a three- or six-digit hex color, including the # sign.

02

Read the result

Large text means at least 24px regular or about 19px bold.

Sample website heading

This is normal-size sample text for a service description, contact instruction, or other important information.

Contrast ratio17.89:1
  • AA normal text4.5:1 or higher
    Pass
  • AA large text3:1 or higher
    Pass
  • AAA normal text7:1 or higher
    Pass
  • AAA large text4.5:1 or higher
    Pass

This checks one color pair only. It is not a complete accessibility, WCAG, ADA, design, or legal review of a website.

Found a hard-to-read combination?

Good design still has to work for the person reading it.

I can adjust the full website palette without losing the business’s look or turning every page into a generic template.

Start the conversation