Color Contrast Checker

Check WCAG contrast ratios, preview accessibility, and find accessible alternatives.

Check Contrast

Foreground Color

Background Color

21.0:1

Contrast Ratio

Large text (24px bold)

Normal body text at 16px for regular reading.

Small text at 12px for captions and metadata.

Paste hex colors (one per line or comma-separated) to check all combinations.