WCAG Contrast Checker

Check if your foreground and background colors meet WCAG accessibility standards.

Design

Foreground Color

Background Color

Contrast Ratio

3.68

WCAG AA

Normal Text (4.5:1)

FAIL

WCAG AA

Large Text (3.0:1)

PASS

WCAG AAA

Normal Text (7.0:1)

FAIL

WCAG AAA

Large Text (4.5:1)

FAIL

Live Preview

This is Large Text (24pt or 18pt bold)

This is normal body text. The quick brown fox jumps over the lazy dog. Ensuring adequate color contrast is essential for visually impaired users and helps improve readability for everyone.