Color Contrast Checker

Check text-background color contrast ratios against WCAG accessibility guidelines.

The quick brown fox

jumps over the lazy dog

Small text example 12px

3.68:1

Contrast ratio

AA Large

WCAG Level

Large text passes WCAG AA

AA text: 4.5:1

AAA text: 7:1

Frequently Asked Questions

What is the WCAG contrast ratio requirement?

WCAG AA requires 4.5:1 for normal text and 3:1 for large text. WCAG AAA requires 7:1 and 4.5:1 respectively.

Why does contrast matter for accessibility?

Low contrast text is unreadable for people with low vision or color blindness. High contrast improves readability for all users.

Related Tools