Engineering Tool

Color Contrast Checker

Check the contrast ratio between foreground and background colors to ensure your designs are accessible and meet WCAG standards.

Latency Optimized

Client Side

Foreground (Text)

Background

Contrast Ratio

2.42:1

Testing contrast accessibility

AA Large

FAIL

14pt bold+

AA Normal

FAIL

Normal text

AAA Large

FAIL

14pt bold+

AAA Normal

FAIL

Normal text

Accessibility Standard

WCAG 2.1 requires a ratio of at least 4.5:1 for normal text and 3:1 for large text (level AA).