Free WCAG Color Contrast Grid

Enter your brand colors to compare foreground and background combinations for WCAG text contrast.

Enter one color per line. You can enter a HEX code with or without the #. We recommend entering your colors between the default White #FFFFFF and Black #000000.

Show Results:

Understanding the Results

AAA — 7:1 or greater: Meets WCAG AAA contrast requirements for normal text.

AA — 4.5:1 or greater: Meets WCAG AA contrast requirements for normal text.

AA18 — 3:1 or greater: Meets WCAG AA contrast requirements for large text. Large text is generally defined as at least 18 pt regular or 14 pt bold.

FAIL — Below 3:1: Does not meet the minimum WCAG text contrast thresholds represented by this tool.

Accessibility Disclaimer

This color contrast tool is provided for informational and educational purposes only. Results are intended to assist with evaluating color contrast and should not be considered legal advice, a certification of accessibility or a guarantee of compliance with WCAG, ADA or other accessibility laws, regulations or standards.

Creative Entourage makes no warranties regarding the accuracy, completeness or legal sufficiency of the results generated by this tool and assumes no liability for the selection, implementation or use of any color combination. Users are responsible for evaluating their specific accessibility requirements and determining compliance with applicable standards and laws.

Let us help you Build a MORE accessible brand

We provide creative services for a wide range of organizations, including:

  • Nonprofits and foundations

  • Colleges and universities

  • Municipalities and government agencies

  • Health care and wellness providers

  • Zoos, museums and cultural institutions

  • Professional service firms

  • B2B companies and corporate teams

  • B2C, startups and growing small businesses

  • Community organizations and groups

  • Churches and ministries

  • and more!

Let’s work together.

Interested in working together? Fill this form out and we will be in touch shortly!

  • A WCAG color contrast checker measures the contrast between a foreground color and background color to determine whether the combination meets Web Content Accessibility Guidelines (WCAG) contrast requirements. Creative Entourage's free WCAG Color Contrast Grid allows you to test multiple HEX colors at once, making it easier to evaluate an entire brand color palette.

  • WCAG Level AA requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text. Large text is generally defined as at least 18 point, or 14 point if bold.

  • Enter your brand's HEX colors into Creative Entourage's free WCAG Color Contrast Grid. The tool compares each color against every other color in your palette and displays the contrast ratio and applicable WCAG rating. This makes it easy to identify accessible combinations for text and backgrounds.

  • Not necessarily. An existing brand color can often remain part of the palette while an accessible companion color is introduced for digital typography and other applications requiring greater contrast. Creative Entourage recommends defining appropriate color combinations and digital-use colors within brand standards so designers and communications teams know when each color should be used.

  • Brand colors eventually appear on websites, digital documents, social media graphics, presentations, email communications and other digital materials. Considering accessibility while developing the brand palette helps prevent problems later and gives designers and communications teams clear guidance for creating accessible communications.