Online Color Contrast Checker

Calculate the contrast ratio of text and background colors.

--
--
Small text
--
Large text
--
×

Graphistic

Everything begins with an idea.

By Graphistichub

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. AAA requires 7:1 for normal text and 4.5:1 for large/bold.

Learn more