Color Contrast Checker

Check color contrast ratios and ensure WCAG accessibility compliance

Foreground Color (Text)

Background Color

This is how your text will look

Large Text Preview

Contrast Ratio

21:1

WCAG AA (4.5:1)

WCAG AAA (7:1)

AAA

WCAG AA (3:1)

WCAG AAA (4.5:1)

AAA

WCAG Guidelines

AA: Minimum contrast for normal text (4.5:1) and large text (3:1)

AAA: Enhanced contrast for normal text (7:1) and large text (4.5:1)