How to Simulate Color Blindness on a Design
About 1 in 12 men and 1 in 200 women have some form of color vision deficiency. The fastest way to catch unsafe palettes is to literally see them through a CVD simulation - it takes 30 seconds and you will never ship red/green-only state colors again.
- Time
- 1 minute
- You need
- A palette or screenshot in any standard format
Open the Colorblind Simulator
The simulator runs entirely in-browser. Paste a palette as HEX, drop a screenshot, or pick from any saved palette in your library.
Open /colorblind →Toggle through the three CVD modes
Deuteranopia (most common, ~6% of men), protanopia, and tritanopia each transform the colors differently. Pay extra attention to deuteranopia - it collapses many red/green pairs you may rely on for state colors.
Identify same-looking colors
If two colors collapse into the same shade under simulation, they are unsafe to rely on for distinct meaning. Common offenders: success-green vs warning-amber, danger-red vs body-text on warm surfaces.
Auto-fix unsafe pairs
Send the palette to Fix CVD. The tool nudges hues away from the relevant confusion line while preserving brand intent - the brand red stays red to non-CVD viewers but moves enough to register distinctly under deuteranopia.
Open /fix-cvd →