Home/Color Blindness Simulator

Color Blindness Simulator

Simulate how your colors appear with different types of color blindness

Mode

Color

Vision Type

Original vs Simulated

Normal Vision

#3B82F6

Deuteranopia

#5650d3

All Vision Types

#3B82F6
Normal Vision
#5a5ada
Protanopia
#486ae8
Protanomaly
#5650d3
Deuteranopia
#4970e6
Deuteranomaly
#3fc4bf
Tritanopia
#3da1e1
Tritanomaly
#7a7a7a
Achromatopsia
#5d7eb2
Achromatomaly

About Color Blindness

Color blindness affects approximately 8% of men and 0.5% of women worldwide. It's important to test your designs with color blindness simulation to ensure accessibility.

Common Types:

  • Deuteranomaly: Most common, difficulty distinguishing red and green
  • Protanopia/Protanomaly: Red-blindness or red-weakness
  • Tritanopia/Tritanomaly: Rare blue-yellow color blindness
  • Achromatopsia: Very rare complete color blindness

Design Tips:

  • Don't rely solely on color to convey information
  • Use patterns, icons, or labels alongside colors
  • Ensure sufficient contrast between elements
  • Test your palette with simulation tools