Color Contrast Checker

Calculate the contrast ratio of text and background colors.
Small text
Large text

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).
The level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (at least 18pt) or bold text.
The level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text or bold text.

Learn more

Your color will be available in the Color Inspector, that opens by clicking on a HEX value, under Saved or in the Dashboard.