WCAG Color Contrast Ratio Checker

Ensure accessibility compliance for text elements. Check contrast score ratios for foreground and background colors.

Color Pickers

Text Color (Foreground Hex)

Background Color (Hex)

Visual Verification

This is heading text (24px bold)

This is standard body paragraph text (14px normal). Check if this is readable.

Contrast Ratio1:1

WCAG AA (Normal Text - 4.5:1) Fail

WCAG AA (Large Text - 3.0:1) Fail

WCAG AAA (Normal Text - 7.0:1) Fail

WCAG AAA (Large Text - 4.5:1) Fail

Compliance info

To satisfy Web Content Accessibility Guidelines (WCAG) 2.0 level AA, text elements require a contrast ratio of at least **4.5:1** (or **3.0:1** for large heading text). To satisfy level AAA, the ratio must be **7.0:1** or higher.