Color Contrast Checker

Calculate the contrast ratio of text and background colors.
#
#
1.76
Very poor
Small text
Large text
Poor contrast for all text sizes. Click to fix
Quote n. 15
Try a thing you haven’t done three times. Once, to get over the fear of doing it. Twice, to learn how to do it. And a third time, to figure out whether you like it or not.

Virgil Garnett Thomson

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

Loading...
No items
No found
#