Back

Color & design

Color contrast checker

Calculate contrast ratio and WCAG AA/AAA text thresholds.

Free to useProcessed on your device
Open tool…

About this tool

Calculate contrast ratio and WCAG AA/AAA text thresholds.

How to use

  1. Enter foreground in the form.
  2. Choose the available options, then run color contrast checker.
  3. Review the result and copy or download it for your work.
For opaque sRGB foreground/background colors. Large text means at least 18 pt normal or 14 pt bold. This checks color contrast, not full accessibility conformance.

Comment

How can we help?

Tell us about your tool, workflow, or partnership idea.