Color Accessibility Checker

Check WCAG 2.1 contrast ratios for text, large text, small text, and UI components. Get suggested compliant colors when tests fail.

Foreground (text)
Quick:
Background
Quick:
Heading text at 20px bold
Body text at normal size (14–16px). This is where most of your content lives — readability matters most here.
Small text at 11px — captions, labels, helper copy