This app tests the contrast levels of the colors in your palette. As long as the level is above a 4.5, then it is considered ‘Compliant’.

WCAG 2.0 level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. WCAG 2.1 requires a contrast ratio of at least 3:1 for graphics and user interface components. WCAG Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.

Large text is defined as 14 point (typically 18.66px) and bold or larger, or 18 point (typically 24px) or larger.

Simply add any two hex codes, then click 'View Contrast Levels'. You will instantly see the contrast score between the two colors.

If it's above a 4.5, then you're good!

If the level is less than 4.5, then you might want to adjust your color combos to keep things more accessible. :)

NOTE: This tool works best on Google Chrome. It's functional on other browsers, but it works best on Chrome.

Check out our Color Palette Tester- the only tool that will allow you to test ALL of the colors in your palette in less than 1 minute.