Color Contrast Checker

No comments

Creator: TPGi

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.

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/