Color Accessibility Checker

New

Check WCAG color contrast compliance

Foreground

Background

Normal text appears like this in your design.

Small text is harder to read with low contrast.

Contrast Ratio

0:1

WCAG AA Normal

—

WCAG AA Large

—

WCAG AAA Normal

—

WCAG AAA Large

—

Related Tools

Check WCAG color contrast accessibility.

Simulate color vision deficiencies

Convert between HEX, RGB & HSL with live preview.