← Back to Tools

WCAG Color Contrast Checker

Instantly calculate the color contrast ratio between text and background to verify compliance with WCAG 2.1 AA & AAA standards.

WCAG Color Contrast Checker

Check color contrast ratios against WCAG 2.1 AA & AAA accessibility standards.

Color Selection

Popular Presets

Accessibility Check

Contrast Ratio Checking...
1.00:1
AA Normal Text FAIL Requires 4.5:1
AAA Normal Text FAIL Requires 7.0:1
AA Large Text FAIL Requires 3.0:1
AAA Large Text FAIL Requires 4.5:1
Live Preview Box
Large Text Heading (18pt/24px Bold)

This is normal size body text (12pt/16px). Accessible design ensures content remains readable for users with visual impairments.