WCAG Color Contrast Tool

This calculator will let you calculate WCAG 2.2 color contrast ratio & adjust colors to their needed contrast ratio.

Enter color values or use the color dropper to get existing colors from a web page. The Contrast Checker will automatically calculate the contrast ratio. If the contrast ratio is below 3:1 or 4.5:1, buttons will become available to make the minimum adjustment to the given color value to reach 3:1 or 4.5:1 contrast ratio.

This plugin is made to be fully WCAG 2.2 AA accessible.

If you have any feature requests/ideas, or have any issues, please submit a support request with the "Visit Support Hub" button at the bottom of the page & I'll be happy to help with any updates or fixes.