WCAG Color Contrast Checker

Check contrast ratios and ensure your colors are accessible.

Guides:WCAG AA vs AAA Color Contrast Difference•Contrast Ratio Formula Explained•How to Fix Failed Contrast

Text Color (Foreground)

Background Color

Contrast Ratio

3.68: 1

WCAG AA

Normal:

Large:

WCAG AAA

Normal:

Large:

Live Preview

Large Text (24pt or 18pt bold)

This is normal text (14pt). The Web Content Accessibility Guidelines (WCAG) dictate that normal text should have a contrast ratio of at least 4.5:1 to meet AA standards. Large text requires a slightly lower ratio of 3:1. High contrast makes interfaces easier to read for everyone.

Confused about compliance levels? Read our guide on WCAG AA vs AAA: What's the Difference?.