WCAG Contrast Checker

Validate WCAG 2.1 AA and AAA accessibility standards, simulate color blindness conditions, and discover auto-adjusted compliant color recommendations.

Color Presets:

Color Pickers

Contrast Ratio7.04:1Meets WCAG AA standard requirements
Vision Simulator:
Live Text Preview

Readable Header Elements

Standard body copy, paragraphs, and descriptions should satisfy WCAG AA (4.5:1) to guarantee comfortable readability across all lighting environments and devices.

WCAG 2.1 Verification Checklist

WCAG AA Large Text (>18pt or bold >14pt)Requires contrast ratio of 3.0:1 or higher
PASS
WCAG AA Normal Text (Standard Body Copy)Requires contrast ratio of 4.5:1 or higher
PASS
WCAG AAA Large TextRequires contrast ratio of 4.5:1 or higher
PASS
WCAG AAA Normal Text (Maximum Accessibility)Requires contrast ratio of 7.0:1 or higher
PASS

Frequently Asked Questions

What is the minimum WCAG AA contrast ratio?

WCAG 2.1 Level AA requires a contrast ratio of at least 4.5:1 for normal body text and 3:1 for large text (18pt or 14pt bold) and graphical UI components.

What is the WCAG AAA contrast standard?

Level AAA represents enhanced accessibility, requiring a minimum contrast ratio of 7.0:1 for normal text and 4.5:1 for large typography.

How does the color blindness simulator work?

The simulator recalculates color perception mathematically to model Protanopia (red-weak), Deuteranopia (green-weak), Tritanopia (blue-weak), and Achromatopsia (monochromacy).