Developer Utility

WCAG Contrast Analyzer

Evaluate contrast ratios between text and background colors for web accessibility (WCAG 2.0).

Color Selection

Pick text and background hex values to test color accessibility.

Text Color

Background Color

Contrast Ratio

This is normal text (16px) for contrast preview testing.

Large Bold Text (24px)

WCAG AA Normal Text

Requires contrast ratio of 4.5:1 minimum

FAIL

WCAG AA Large Text

Requires contrast ratio of 3.0:1 minimum

FAIL

WCAG AAA Normal Text

Requires contrast ratio of 7.0:1 minimum

FAIL

WCAG AAA Large Text

Requires contrast ratio of 4.5:1 minimum

FAIL