Back to Tools

WCAG Contrast Checker

Check color contrast ratios for WCAG 2.1 accessibility compliance. Ensure your text is readable for all users.

Colors

Preview

Large Text (24px bold)

Large Text (18px regular)

Normal Text (16px) - The quick brown fox jumps over the lazy dog.

Small Text (14px) - The quick brown fox jumps over the lazy dog.

Contrast Ratio

12.63:1

Excellent contrast

WCAG 2.1 Compliance

Level AA (Minimum)

Normal Text (≥4.5:1)Pass
Large Text (≥3:1)Pass

Level AAA (Enhanced)

Normal Text (≥7:1)Pass
Large Text (≥4.5:1)Pass

About WCAG

Large text is defined as 18pt (24px) regular or 14pt (18.5px) bold.

Level AA is the minimum recommended level for most websites.

Level AAA provides enhanced accessibility for users with visual impairments.

Need More Than Tools?

Build accessible products with your team

Protawk brings project management, design collaboration, and accessibility tracking together in one platform.

No credit card requiredFree forever planSetup in 2 minutes