Color Contrast Checker

Pick a text color and a background color to instantly see the contrast ratio and whether it passes WCAG AA and AAA for normal and large text.

Choose colors

Text color

Background color

This preview updates as you change the colors, so you can judge readability at a glance on mobile or desktop.

Contrast ratio

—

Text sample

Background sample

WCAG AA — normal text—

WCAG AA — large text—

WCAG AAA — normal text—

WCAG AAA — large text—