Date Updated: October 21, 2022
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.
The information is summarized from the TPGi Colour Contrast Checker page.
- 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).
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/