TPGi’s free colour contrast checker tool allows you to quickly determine the contrast ratio of two colours simply using an eyedrop tool. Along with being accessible and user-friendly, the suggestions it generates are based on WCAG compliance and provide a checklist that reveals the compliance level of colour choices.

Quick Facts

• You can use this tool to meet the Web Content Accessibility Guidelines (WCAG) contrast requirements. The requirements for text are:
  • WCAG 2.1 Level AA: Text should have a minimum contrast of 4.5:1 (unless it is large text, then it can be 3:1).
  • WCAG 2.1 Level AAA: Text should have a minimum contrast of 7:1 (unless it is large text, then it can be 4.5:1).

Visit TPGi Color Contrast Checker

References

TPGi (2021). Colour Contrast Analyser (CCA). Retrieved from: https://www.tpgi.com/color-contrast-checker/

W3C: Web Accessibility Initiative (2019). How to Meet WCAG (Quick Reference). Retrieved from: https://www.w3.org/WAI/WCAG21/quickref/