Accessibility Color Checker

Check WCAG accessibility, simulate colorblindness, and find better colors

Enter your colors below to check contrast accessibility

Why Color Contrast Matters

5,100+
ADA digital accessibility lawsuits filed in 2025
83.6%
of top websites fail basic contrast requirements
$50K/day
potential fines for non-compliance

Over 1 billion people worldwide live with some form of disability. Good color contrast isn't just a legal requirement — everyone deserves to read your content.

What is Contrast Ratio?

Contrast ratio measures the difference in luminance (brightness) between two colors. It's expressed as a ratio from 1:1 (no contrast) to 21:1 (maximum contrast).

WCAG AA vs. AAA

AA (minimum standard):

  • Normal text: 4.5:1 ratio
  • Large text (18pt+ or 14pt+ bold): 3:1 ratio

AAA (enhanced standard):

  • Normal text: 7:1 ratio
  • Large text: 4.5:1 ratio

Why It Matters

Sufficient contrast is essential for people with low vision, color blindness, and older users. It also improves readability for everyone, especially on mobile devices and in bright environments.

Tips for Accessible Colors

  • Don't rely on color alone to convey meaning
  • Use patterns, icons, or text labels alongside color
  • Test with colorblind simulation tools (like this one!)
  • Check contrast ratios early in your design process

Learn more at W3C WCAG 2.1 Contrast (Minimum)

Select Colors

Text
21:1
Contrast Ratio

WCAG Compliance

AA Normal
4.5:1
AA Large
3:1
AAA Normal
7:1
AAA Large
4.5:1

Live Preview

Heading (H1)

The quick brown fox

Body Text

The quick brown fox jumps over the lazy dog. This is regular body text used for paragraphs and long-form content.

Small Text (14px)

Small text might appear in captions, help text, or UI labels. Ensure it meets accessibility standards.

Colorblind Simulations

See how your color combination appears to people with color vision deficiencies:

Normal Vision

Reference

Protanopia

Red-Blind (1% of males)

Deuteranopia

Green-Blind (1% of males)

Tritanopia

Blue-Blind (0.001%)

Achromatopsia

Monochrome (very rare)

Need a Full Accessibility Audit for Your Website?

Color contrast is just one part of accessibility. These trusted partners can help with comprehensive audits and remediation:

[Accessibility Audit Partner] [WCAG Compliance Service] [Accessibility Testing Tool]