Check your contrast

Calculate the contrast ratio of foreground and background colors.

Color Contrast

How does it work?

This tool follows the Web Content Accessibility Guidelines (WCAG), which are a series of recommendations for making the web more accessible. Regarding colors, the standard defines two levels of contrast ratio: AA (minimum contrast) and AAA (enhanced contrast).

1
Very poor

Foreground

Background