Accessibility Contrast Checker

Check foreground/background color contrast against WCAG 2.1 AA and AAA accessibility standards.

Text Color (Foreground)

Background Color

Large Text (24px+)

Normal body text at regular size (16px). The quick brown fox jumps over the lazy dog.

Small text for captions and fine print (14px).

Contrast Ratio

WCAG AA (Normal)

WCAG AA (Large)

WCAG AAA (Normal)

AA Normal Text: Minimum 4.5:1 contrast ratio

AA Large Text: Minimum 3:1 contrast ratio (18px+ or 14px+ bold)

AAA Normal Text: Minimum 7:1 contrast ratio

AAA Large Text: Minimum 4.5:1 contrast ratio

More Design Tools tools at toool.cc