WCAG Color Contrast Checker · Focus mode

Enter colors

Select foreground (text) and background colors or enter HEX values.

Foreground (text)

Background

Contrast result

Contrast ratio and WCAG 2.x pass status.

Large text preview

Use this preview sentence to check readability at normal text size.

Contrast ratio17.40:1

Normal text

WCAG AA

Minimum 4.5:1

Pass

WCAG AAA

Minimum 7:1

Pass

Large text (18pt+ or bold 14pt+)

WCAG AA

Minimum 3:1

Pass

WCAG AAA

Minimum 4.5:1

Pass