Webtools Color Tools Color Blindness Simulator

Color Blindness Simulator

Preview how a color appears to people with different types of color vision deficiency.

Normal vision

#3B82F6

Protanopia

#5A5ADA

Deuteranopia

#5650D3

Tritanopia

#3FC4BF

Achromatopsia

#7A7A7A

Protanopia — missing red cones (~1% of men)

Deuteranopia — missing green cones (~1% of men)

Tritanopia — missing blue cones (very rare)

Achromatopsia — complete color blindness (very rare)

About the Color Blindness Simulator

This simulator shows how a color appears to people with different types of color vision deficiency. Upload an image or enter a hex color to see how it looks to someone with protanopia (no red cones), deuteranopia (no green cones), tritanopia (no blue cones), or achromatopsia (complete color blindness).

Around 8% of men and 0.5% of women have some form of color vision deficiency. Designers use this tool to ensure their UI, charts, maps, and infographics remain legible and meaningful for all users — a key part of accessible design and WCAG compliance.