Skip to content

Color Contrast Checker

    Creator: TPGi

    Date Updated: October 21, 2022

    Overview

    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.

    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/