Color Contrast Checker

Check your text and background to ensure your color combination meets accessibility standards

Input the hex color values for at least two colors. The color contrast checker will show the contrast ratios for text and backgrounds using those colors, as well as black and white.

Select one more level(s) of WebAIM standard and the tool will identify which combinations meet the standard(s).

If you're a non-designer or otherwise unclear about terms like hex values and WebAIM standards, don't worry. We've got you covered with a full explanation.