Begin Main Content
Home. A11y Logo

Color Contrast Accessibility Validator

WCAG 2.1 AA SC 1.4.3 Test for Color Contrast


Test a webpage




Test color-pairs

Background Color
Enter a Hex Code or pick a color
Foreground Color
Enter a Hex Code or pick a color

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.


More on contrast