Designing for color-blind users — the practical guide
About 1 in 12 men and 1 in 200 women have some form of color vision deficiency (CVD). If your design is for the public, that's a meaningful slice of your audience who may see it very differently from you. This guide covers the four types of CVD, safe design practices, and how to test your work accurately.
The four types (and which matter most)
Deuteranopia
· ~6% of men, rare in womenGreen cones missing or non-functional. Reds and greens collapse toward a brown-olive axis. The most common form of color blindness worldwide.
Protanopia
· ~1% of menRed cones missing. Similar confusion axis to deuteranopia but reds look darker overall — a pure red on black can vanish completely.
Tritanopia
· Very rare (<0.01%)Blue cones missing. Blues collapse toward green; yellows collapse toward pink. Rarely the design target unless blue-yellow contrast carries meaning.
Achromatopsia
· Extremely rare (~1 in 30,000)No color vision at all — only shades of gray. Useful as a 'worst case' accessibility test: if your design works here, it works for every visitor.
Design priority:if you can only test one, test deuteranopia. It's the most common and has the biggest gap between normal and affected perception. A design that reads well in deuteranopia will almost certainly work in protanopia too.
Four design principles
Never encode meaning with color alone
A red 'error' and a green 'success' look identical to a deuteranope. Pair every color signal with a shape, icon, or text label so the meaning survives the color shift.
Avoid red-green as the primary contrast
Red / green is the most problematic pair — 99% of color-vision issues are red-green. If you need two strong categories, use blue/orange or blue/yellow instead; those survive all common CVD types.
Rely on luminance, not hue
Brightness contrast survives every CVD type because the rod cells that detect light/dark are unaffected. A design built on luminance contrast works for everyone; one that relies on hue differences fails for 8% of men.
Test in all four CVD modes
Don't guess — simulate. Run your design through protanopia, deuteranopia, tritanopia, and achromatopsia. The free CVD simulator does this in your browser.
Do vs. don't
Textile and pattern work specifically
Textile patterns often rely on color contrast to define the motif — red flowers on green foliage, deep navy on pale sky, and so on. A print that reads as a vibrant floral to normal vision can collapse into muddy brown-green tones for a deuteranope. The motif vanishes. The print still looks like "a print", but the specific imagery is lost.
Run every final print through a CVD simulation as a production checkpoint. If the motif collapses, add value contrast (dark outline, lighter background) or swap one of the carrier colors to something that stays distinct across all CVD types (blue/orange is the safest high-contrast pair).
For UI, data visualisation, and packaging design, the same principle applies with higher stakes — functional meaning (success/error, status, categories) must never depend on color alone.
Related resources
Test your design in every CVD type
Upload any design, simulate protanopia, deuteranopia, tritanopia, and achromatopsia. Free, runs in your browser.
Try CVD Simulator