490+ Tools Comprehensive Tools for Webmasters, Developers & Site Optimization

Color Blindness Simulator

See how your colors appear to people with different types of color vision deficiency.

Normal Vision

#3498db

Original color as seen by most people

Protanopia (Red-Blind)

#5f60ca

~1% of males affected

Deuteranopia (Green-Blind)

#5952c6

~1% of males affected

Tritanopia (Blue-Blind)

#39bdbb

Very rare (<0.01%)

Achromatopsia (Total Color Blindness)

#818181

Extremely rare

About Color Blindness

Color blindness (color vision deficiency) affects approximately 8% of males and 0.5% of females worldwide. Understanding how colors appear to color-blind users is essential for accessible design.

Design Tips for Color Accessibility
  • Don't rely on color alone: Use patterns, icons, or text labels in addition to color
  • Use high contrast: Ensure sufficient contrast between foreground and background
  • Avoid red/green combinations: These are problematic for the most common types of color blindness
  • Test your designs: Use simulators like this one to check your color choices
  • Consider blue/orange: This combination is distinguishable by most color-blind users

Types of Color Blindness

Type Affected Cone Prevalence Description
Protanopia Red (L-cone) ~1% males Reds appear dark, confusion between reds/greens/browns
Deuteranopia Green (M-cone) ~1% males Similar to protanopia, but reds appear normal brightness
Tritanopia Blue (S-cone) <0.01% Blues appear greenish, yellows appear pink
Achromatopsia All cones Very rare Complete color blindness, sees only grayscale