Color Blindness Simulator

Simulate how colors appear with color blindness

Browser ProcessingYour data never leaves your browser

Original Color

#3B82F6

RGB: 59, 130, 246

Protanopia

Red-blind

#5A5ADA

1% affected

Deuteranopia

Green-blind

#5650D3

6% affected

Tritanopia

Blue-blind

#3FC4BF

0.01% affected

Achromatopsia

Monochromacy

#7A7A7A

0.003% affected

Side-by-Side Comparison

Original
Protanopia
Deuteranopia
Tritanopia
Achromatopsia

Test with Multiple Colors

Palette Simulation

Original Palette

protanopia

deuteranopia

tritanopia

About Color Blindness

Protanopia (Red-Blind): Affects ~1% of males. Difficulty distinguishing red and green.

Deuteranopia (Green-Blind): Most common, ~6% of males. Similar to protanopia but affects green cones.

Tritanopia (Blue-Blind): Rare, ~0.01%. Difficulty with blue and yellow.

Achromatopsia: Complete color blindness, very rare. Only sees grayscale.

Tips for accessible design:

  • Don't rely on color alone to convey information
  • Use patterns, labels, or icons alongside colors
  • Ensure sufficient contrast between colors
  • Test with color blindness simulators