mail

MailTools

Color Contrast Checker

Check if your text and background colors meet WCAG accessibility standards for readability.

Pick your colors
or try:|
#
#

previewLive Preview

Sample Heading

This is how your text will look on the background color. Make sure it's easy to read for all users.

Small text is harder to read with low contrast.

contrastContrast Ratio

check_circlePasses AA
21:1
contrast ratio
AA Normalcheck_circle

Requires 4.5:1 for normal text (<18px or <14px bold)

AA Largecheck_circle

Requires 3:1 for large text (≥18px or ≥14px bold)

AAA Normalcheck_circle

Requires 7:1 for normal text (enhanced)

AAA Largecheck_circle

Requires 4.5:1 for large text (enhanced)

infoAbout WCAG

WCAG (Web Content Accessibility Guidelines) defines contrast requirements to ensure text is readable by people with visual impairments.

star

Level AA - Minimum recommended for most content. Required by many accessibility laws.

star

Level AAA - Enhanced accessibility. Recommended for critical content.

For emails, aim for at least AA compliance to ensure your message is readable by the widest audience.