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 |