Color Contrast Checker

Change values for Text and Background Colors to get Contrast Ratio

Type: Light
Type: Light
Contrast Ratio
Size AA-level AAA-level
Large text:
Small text:
Example Large Text
Example Small text description

Our tool allows to check Web Content Accessibility Guidelines (WCAG).

Select Text and Background to check the color contrast between colors.

Color contrast checker is a tool that helps you determine whether the contrast between text and its background meets accessibility guidelines.

Correct color contrast is essential for making content accessible and edible to accessible to a wider range of users, individuals with visual impairments and has good usability of websites.

More details about Web Content Accessibility Guidelines (WCAG)