Color Contrast Accessibility Validator

WCAG 2.1 AA SC 1.4.3 Test for Color Contrast

Test a webpage

Test color-pairs

This website provides free color contrast analysis tools that will display the color contrast issues of a web page or chosen color-pair; per WCAG 2.1 Guidelines. Color Contrast refers to how bright or dark colors appear against each other on screens; particularly with regard to the relative, gray-scale luminosity as perceived by the human eye.

When it comes to website accessibility, the contrast between the text and the text background is a concern for colorblind and other visually impaired users.

This color contrast tool enables users to comply with website accessibilities regulations.

WCAG Contrast Information

A minimum contrast ratio of 4.5:1 is required for the visual presentation of both text, and images embedded as text, against the presented background color.

Large text (18pt+ or bold & 14pt+) only requires a 3:1 or greater contrast ratio.

Automatic programs such as this cannot analyze text embedded in images and may misdiagnose or ignore certain critical issues.

We recommend that you combine contrast testing results from this website with a manual test performed by a trained accessibility expert (opens in new window).