Contrast Checker

Check color contrast for accessibility

Sample Heading

This is large text (18px+ or 14px+ bold) used for headings and important content.

This is normal text (smaller than 18px and not bold) used for body content, paragraphs, and general reading. It requires higher contrast for accessibility.

Foreground

Background

Contrast Ratio

21.00:1

WCAG AA (Minimum)

Normal TextPass (≥4.5:1)

Large TextPass (≥3:1)

UI ComponentsPass (≥3:1)

WCAG AAA (Enhanced)

Normal TextPass (≥7:1)

Large TextPass (≥4.5:1)

WCAG Guidelines

Normal Text

Text smaller than 18px (or 14px bold)

Large Text

Text 18px+ (or 14px+ bold)

AA Level

Minimum contrast, required for most websites

AAA Level

Enhanced contrast, best for accessibility