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

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.

Converting Colors

Converting Colors allows you to convert between 17 different color formats like RGB, CMYK, HSV, HSL, CIELab, Android, Decimal, and YUV.

Made with 💘, 🍺 and 🍫 by Andreas Zettl. If you have questions send me an email to info@convertingcolors.com!

Privacy Policy  ·  Imprint  ·  Cookie List & Settings  ·  Statistics

Menu

Support