Color Contrast Checker

Test Text Against WCAG.

Loading tool…Private · your images never leave your device

Your files never leave your device. Everything is processed in your browser.

Enter two colors to get the ratio and a pass or fail for normal and large text, with nearby colors that pass.

How to use the Color Contrast Checker tool

  1. Enter the text color and background color.
  2. Download the file from Color Contrast Checker; your original stays as it was.

Tips for the best result

  • Aim for at least 4.5 to 1 for body text.
  • Large bold text may pass at 3 to 1.

Quick facts

PriceFree
Works withHEX, RGB
Where it runsIn your browser, on your device
AccountNot needed

Frequently asked questions

What do AA and AAA mean?

They are levels in the Web Content Accessibility Guidelines; AAA is stricter.

Why does contrast matter?

Low contrast makes text hard to read, especially for people with reduced vision or in bright light.