See how your colors look to people with different color vision. Pick colors, choose a vision type, and compare original vs simulated so your design works for everyone.
Colors to test
Simulate vision
About vision types
Protanopia (red-blind)Cannot see red; red appears dark. ~1% of males.
Deuteranopia (green-blind)Cannot see green; red and green confused. ~1.5% of males.
Tritanopia (blue-blind)Rare. Blue and green confused.
AchromatopsiaFull color blindness; only shades of gray.
Protanomaly (red-weak)Red sensitivity reduced. ~1% of males.
Deuteranomaly (green-weak)Most common. Green sensitivity reduced. ~5% of males.
Tritanomaly (blue-weak)Rare. Blue sensitivity reduced.
Inclusive design tips
Use enough contrast between text and background
Use shape, pattern, or text as well as color
Test with several vision types before you ship
Do not rely only on red vs green to show meaning
Avoid low-contrast pairs that look similar when simulated
Want to stay in top search trends?
Subscribe to our newsletter
Get the inside scoop on new editors, performance strategies, and selected release notes before anyone else by signing up.
Publish notifications for upcoming tool releases
Toolexe team provides micro-tutorials, beta invitations, and behind-the-scenes comments.
