Converting Colors

The Color Contrast Checker shows you the contrast of two colors according to the Web Happy 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.

Foreground Color:

Background Color:

Preview

Normal Text (< 18pt)

Click to change demo text

Large Text (> 18pt)

Click to change demo text

Icons

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.

Color Contrast Checker