Color Contrast Checker

The Color Contrast Checker shows you the contrast of two colors according to the Web Content Accessibility Guidelines (WCAG) 2.0.

Colors

The color contrast checker supports only HEX color values. If you want to check the contrast for other color formats, please convert them first to HEX on the main page.

 

 

Preview

Click to change demo text

Result

Large Text (above 18pt) WCAG AA
Any Text WCAG AA
Large Text (above 18pt) WCAG AAA
Any Text WCAG AAA


This color contrast checker is based on the excellent article "Building your own color contrast checker" on dev.to.