Free Tool

Color Contrast Checker

Check the contrast ratio between your text and background colors against WCAG 2.x AA and AAA requirements, so your interface stays readable for everyone.

Text size and weight

UI Designer

Sample text at 16px
17.94: 1 contrast ratio
WCAG AAPass
WCAG AAAPass

Passes AA and AAA for this text size.

Ratios are calculated from WCAG relative luminance. This tool checks color contrast only — non-text contrast, focus indicators, and other accessibility requirements still need review.

Build accessibility into every project

We treat contrast, keyboard use, labels, and structure as part of the design, not an afterthought.

Discuss Your Project