Color Blindness Simulator
Test how your colors appear to people with color vision deficiencies
Your Colors
Severity
Normal Vision
Standard perception
Protanopia
No red cones
Deuteranopia
No green cones
Tritanopia
No blue cones
Achromatopsia
Grayscale only
Contrast Checker
Color Comparison
| Original | Protanopia | Deuteranopia | Tritanopia | Achromatopsia |
|---|
What is Color Blindness?
Color blindness, also known as color vision deficiency, is the decreased ability to see color or differences in color. It affects approximately 8% of men and 0.5% of women of Northern European descent. Designing for color blindness ensures accessibility for millions of users.
Types of Color Blindness
Protanopia
Affects the perception of red light. Red appears dark, and red/green confusion is common.
Deuteranopia
Affects the perception of green light. The most common form of color blindness.
Tritanopia
Affects the perception of blue light. Blue appears greenish and yellow appears violet.
Achromatopsia
A rare condition where no color is perceived, only shades of gray.
Design Tips for Accessibility
- Don't Rely on Color Alone: Use icons, patterns, or text labels to convey meaning.
- High Contrast: Ensure sufficient contrast ratios (WCAG AA requires 4.5:1).
- Avoid Problematic Combos: Avoid red/green and blue/black combinations.
- Use a Simulator: Always test your designs with a simulator tool like this one.