Color Contrast Checker - Coolors

COOLORS

Go Pro

Text color

Background color

1.56 Very poor

Small text ★ ★ ☆

Large text ★ ★ ☆

Poor contrast for all text sizes. Click to fix

Tip of the Day

Typography gives language a visual voice, shaping rhythm, hierarchy, and readability.

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.

Copied!