UI/UX Tool

Color Contrast Checker

Check WCAG color contrast ratios for accessibility compliance

Foreground (Text) Color

Background Color

Large Text Preview

This is how normal text will appear with your selected color combination. Make sure it's easy to read!

21:1

Contrast Ratio

AA Pass

Normal Text: Pass

Large Text: Pass

AAA Pass

Normal Text: Pass

Large Text: Pass

WCAG Guidelines

Level AA (Minimum)

Normal text: 4.5:1 contrast ratio
Large text (18pt+): 3:1 contrast ratio

Level AAA (Enhanced)

Normal text: 7:1 contrast ratio
Large text (18pt+): 4.5:1 contrast ratio