Color Blindness Simulator
See how a color appears to people with different types of color blindness.
Roughly 1 in 12 men and 1 in 200 women have some form of color vision deficiency, which means a palette that looks clear to you may be ambiguous or invisible to a meaningful slice of your audience. Red/green combinations in particular — common in status indicators, charts and maps — can collapse into indistinguishable tones.
Enter a color and this simulator shows how it appears under the main types of color blindness: protanopia and deuteranopia (red-green, the most common) and tritanopia (blue-yellow). Compare a pair of colors this way to check they stay distinguishable, and design charts, UI states and labels that work for everyone.
How to use Color Blindness Simulator
- 1
Pick a color
Use the picker or type a hex value.
- 2
Compare the simulations
See the color under each deficiency type.
- 3
Test color pairs
Check that key colors stay distinct for all viewers.
Features
- Simulates protanopia, deuteranopia and tritanopia
- Side-by-side comparison with the original
- Fast in-browser color-matrix transforms
Frequently asked questions
Common mistakes to avoid
- Using red and green as the only difference between states (error/success), which merges for red-green deficiency.
- Relying on hue contrast without brightness contrast, which disappears in grayscale and many deficiencies.
Get new tools in your inbox
One email a month with new tools, guides, and updates. No spam, unsubscribe anytime.