Color Vision Simulator
Simulate how colors appear to people with various types of color blindness (CVD)
Normal Vision
Trichromacy - Full color perception
#3498db
~92% of males, ~99.5% of females
Protanopia
Red-blind (no red cones)
#5F60CA
~1% of males
Deuteranopia
Green-blind (no green cones)
#5952C6
~1% of males
Tritanopia
Blue-blind (no blue cones)
#39BDBB
~0.001% of population
Protanomaly
Reduced red sensitivity
#497CD2
~1% of males
Deuteranomaly
Reduced green sensitivity
#4675D0
~5% of males, 0.4% of females
Tritanomaly
Reduced blue sensitivity
#36AACB
Very rare
Achromatopsia
Complete color blindness
#818181
~0.003% of population
Side-by-Side Comparison
Normal
Protan
Deutan
Tritan
Prot-A
Deut-A
Trit-A
Achrom
About Color Vision Deficiency: Approximately 8% of males and 0.5% of females
have some form of color vision deficiency. Use this tool to ensure your designs are accessible to all users.
Design Tips for Accessibility
- ✓ Don't rely solely on color to convey information
- ✓ Use patterns, textures, or icons in addition to color
- ✓ Ensure sufficient contrast between text and background
- ✓ Test your color palette with CVD simulators
- ✓ Avoid problematic color combinations (red/green, blue/purple)
- ✓ Provide text labels for color-coded elements
- ✓ Use WCAG-compliant color contrasts (4.5:1 minimum for text)
Types of Color Vision Deficiency
Protanopia: Red-blind (no red cones)
Deuteranopia: Green-blind (no green cones)
Tritanopia: Blue-blind (no blue cones, very rare)
Protanomaly: Reduced red sensitivity (anomalous red cones)
Deuteranomaly: Reduced green sensitivity (most common)
Tritanomaly: Reduced blue sensitivity (extremely rare)
Achromatopsia: Complete color blindness (monochromacy)