Audit Tool

Contrast Checker

Professional-grade WCAG 2.1 auditing for high-performance design systems. Verify text, UI components, and graphical objects with precision.

Contrast Ratio
Normal Text
Large Text
Large Text Preview

Better design through perceptual science.

The Contrast Checker allows you to verify that your UI components are readable by everyone, including people with low vision deficiencies.

UI Component Preview
Active Input State

WCAG 2.1 Breakdown

Normal Text

AA

Required ratio of 4.5:1 for body copy and text under 18pt (24px).

Large Text

AA

Required ratio of 3:1 for text larger than 18pt (24px) or bold text larger than 14pt (18.67px).

Components

AA

Required ratio of 3:1 for UI elements like borders, icons, and focus indicators.