Color Blindness Simulator

See how any color appears under different types of color vision deficiency.

Input Color
Original Color
HEX: #3B82F6
Simulated Colors
Protanopia (Red-blind)
HEX: #418EFA
Deuteranopia (Green-blind)
HEX: #007DF4
Tritanopia (Blue-blind)
HEX: #009EB0
Protanomaly (Red-weak)
HEX: #3C89F8
Deuteranomaly (Green-weak)
HEX: #2380F5
Tritanomaly (Blue-weak)
HEX: #198BE0
Achromatopsia (Total)
HEX: #858585

How to Use

Enter a hex color value or use the color picker to select your color. The tool instantly shows how that color appears to people with seven different types of color vision deficiency. Compare the original color with each simulation to evaluate accessibility. Use the hex values displayed below each swatch for reference in your designs.

FAQ

Related Tools