Skip to main content
All tools








Color contrast calculator

Calculate the contrast score between two colors, for accessibility.

About this tool

This tool will calculate the contrast ratio between two colors.

Use this to ensure the text or graphics on your website or application meets accessibility standards.

The Web Content Accessibility Guidelines (WCAG) recommends the following minimum ratios:

  • WCAG AA (Normal text): 4.5:1
  • WCAG AAA (Normal text): 7:1
  • WCAG AA (Large text): 3:1
  • WCAG AAA (Large text): 4.5:1
  • WCAG AA (Graphics and icons): 3:1
DISCLAIMER: We attempt to keep this information up to date with the latest standards, however, you must ensure that this algins with the latest WCAG criteria at Web Content Accessibility Guidelines (WCAG).
Read more