Compliance Contrast Checker

Our Compliance Contrast Checker helps determine the accessibility of text size, color contrast, and spot checks your visual elements.

People who are color blind and have impaired vision can experience sensitivity and often physical pain to certain colors and shades of light. When you adjust your assets with accessibility and compliance in mind, you create a more pleasant environment for everyone.

The World Wide Web Consortium (W3C) has developed the Web Content Accessibility Guidelines, better known as WCAG, for color contrast and text. You can scroll down for the textbook jargon or save the leg work by using our Compliance Contrast Checker with built-in ADA-compliant requirements.

We encourage you to check your color contrast for better design and accessibility.

Let’s Talk

    Color 1









    Clicking the "bump color #1 to 4.5:1" button below will update the content above

    Color 2









    Clicking the "bump color #2 to 4.5:1" button below will update the content above

    Meets WCAG Requirements

    normal text - 14pt

    Normal Text pass

    large text - 18pt

    Large Text pass

    21 : 1color contrast ratio

    Source: Web Content Accessibility Guidelines 2.1 – The below sections are prescribed for audience situations.

    Section 1.4.3 Contrast (Minimum):
    Level AA
    For body, subtext, or general copy, the goal is a contrast ratio of approximately 4.5:1.
    For headers or larger text (Font size 18pt or 14pt bold), the goal is a contrast ratio of approximately 3:1.

    Section 1.4.6 Contrast (Enhanced):
    Level AAA
    Recommended for an expected audience that has aged or low vision.
    For body text, the contrast ratio can be enhanced from 4.5:1 to 7:1

      Test Your Website For Compliance

      This site is protected by reCAPTCHA and the Google Privacy Policy and Google Terms of Service apply.


        Have our experts contact you











        This site is protected by reCAPTCHA and the Google Privacy Policy and Google Terms of Service apply.



        Have a question?

        We’re always here to help.