Color Contrast Checker

Calculate the contrast ratio of text and background colors.

Readability

Readability based on the Web Content Accessibility Guidelines (Version 2.0).

About Color Contrast Checker How does it work?

Color Contrast Checker 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

My Collection
Palettes
Colors
Gradients