Color Blindness Simulator

Color Blindness Simulator

Simulate how images appear to people with color blindness. Test designs for protanopia, deuteranopia, tritanopia. Free color vision deficiency checker

About 1 in 12 men and 1 in 200 women have some form of color blindness. Designers who never encounter it ship interfaces where the red "error" and green "success" badges look identical to ~5% of their audience. This simulator transforms images and rendered web pages to show how they appear under each of the major color vision deficiencies — protanopia, deuteranopia, tritanopia, plus their milder anomalous-trichromacy versions and full achromatopsia. It uses the Brettel/Viénot/Mollon model (the standard since 1997) for clinically-accurate simulations.

The forms of color blindness and their prevalence

  • Deuteranomaly (~5% of men, 0.4% women) — green-weak. Reds and greens harder to distinguish; oranges look more like yellow. Most common form.
  • Protanomaly (~1% men) — red-weak. Similar effect to deuteranomaly but with reduced red sensitivity; reds appear darker.
  • Deuteranopia (~1% men) — green-blind. Cannot distinguish red and green; both shifted to a yellow-beige range.
  • Protanopia (~1% men) — red-blind. Like deuteranopia but with reds darker.
  • Tritanomaly (<0.01%) — blue-weak. Rare. Blues and yellows look similar; greens look more like blue.
  • Tritanopia (<0.001%) — blue-blind. Vanishingly rare.
  • Achromatopsia (~0.003%) — total color blindness. World in grayscale only; also typically accompanied by light sensitivity and reduced visual acuity.

The X-linked recessive inheritance pattern is why men are far more affected — they have only one X chromosome. Women need both X copies to carry the defect.

What designers most commonly miss

  • Red error / green success badges — to a deuteranope, both look like beige/yellow. Pair color with shape (✗ vs ✓) or label.
  • Red lines on a green map (or vice versa) — chart legends fail. Use shape, pattern, or contrasting luminance instead.
  • "Red zone" warnings without text — passenger safety information that depends on color discrimination alone fails accessibility standards.
  • Subway / transit maps with similar-luminance route colors — colorblind passengers cannot tell which line is which. Some networks (e.g., Berlin S-Bahn) deliberately vary luminance to remain readable.
  • Heatmaps with red-green gradient — the most common heatmap color scale is the worst for colorblind viewers. Use viridis or other colorblind-safe palettes.
  • Highlight selections with color only — selected state, hover state, drag-and-drop indicators. Add border, shadow, or background change.

Working example: a red-on-green chart

Input

A line chart with "loss" line in red and "gain" line in green

Output

Normal vision:
  Red and green clearly distinguishable.

Deuteranopia simulation:
  Both lines appear in similar olive-yellow range.
  Without legend, indistinguishable.

Fix options:
  - Add dashed pattern to one line
  - Add data-point markers (circles vs squares)
  - Use a colorblind-safe palette (e.g., orange + blue from ColorBrewer)
  - Annotate end of each line with text label

Luminance check:
  Original red:    OKLCH 60% chroma 0.2 hue 30  (mid luminance)
  Original green:  OKLCH 60% chroma 0.2 hue 145 (mid luminance)
  Same luminance: confused under any deuteranopia/protanopia.
  
  Fix: shift one to luminance 30% — now distinguishable by brightness.

For data visualization, "if I print it in grayscale and can still read it, it works under any color blindness" is a useful heuristic. Plotting tools (Plotly, matplotlib) have built-in colorblind-safe palettes — turn them on.

Colorblind-safe palettes

  • ColorBrewer 2 — http://colorbrewer2.org. Designed for cartography. Sequential, diverging, and qualitative palettes with colorblind-safe filters.
  • Viridis (and inferno, magma, plasma) — perceptually-uniform, colorblind-safe scientific palettes. Default in matplotlib since 2017.
  • Okabe-Ito — 8-color qualitative palette designed for color vision deficiencies. Used by many accessibility-conscious data viz projects.
  • IBM Design Library — 5-9 color palettes with proven colorblind safety.

The common theme: rely on luminance differences alongside hue differences. Two colors with the same luminance but different hue become indistinguishable under one or more types of color blindness; different luminances stay readable.

When to reach for this tool

  • You are auditing a design system for accessibility and want to see how the palette holds up under each color vision deficiency.
  • You inherited a chart or dashboard and want to verify it is interpretable without distinguishing red from green.
  • You are explaining accessibility concerns to stakeholders and want a concrete visual demonstration of "what 8% of your users see".
  • You are presenting research data and want to confirm that figures will be legible in print (grayscale) and to colorblind reviewers.

What this tool will not do

  • It will not match every individual's experience. Two people with "deuteranopia" can have slightly different specific perception due to varying severity and individual differences. The simulation uses an average clinical model.
  • It will not test other accessibility dimensions. Low vision, motor disabilities, cognitive disabilities each have their own simulation/test tools.
  • It will not fix problems. The simulator shows what is broken; you redesign or recolor based on what you see.

Frequently asked questions

Is "color blindness" the right term?

Used clinically and colloquially. "Color vision deficiency" (CVD) is more precise — most affected people see color, just with reduced discrimination of certain hues. Total color blindness (achromatopsia) is rare. Use the term your audience uses; both are widely understood.

Can color blindness be corrected?

EnChroma glasses claim to improve discrimination for some users with anomalous trichromacy; effectiveness debated. Gene therapy is in research stages. For dichromats (true protanopia/deuteranopia), no current correction restores trichromatic vision. Designing accessibly remains the right approach.

Do I need to test against all 8 forms?

Deuteranomaly (5% prevalence) and deuteranopia (1% prevalence) cover the most common forms. Add protanopia and protanomaly to cover ~95% of color vision deficiencies. Tritan deficiencies (<0.01%) and achromatopsia (<0.01%) are vanishingly rare but worth checking for critical applications.

Are red-green road signs accessible?

Most modern road signage relies on shape and position, not just color. Stop signs (octagonal), yield signs (triangle), warning signs (diamond) — colorblind drivers identify by shape. Traffic lights compensate via position (top, middle, bottom).

Why is deuteranomaly so much more common than protanomaly?

The genes for red and green photopigments are adjacent on the X chromosome and frequently swap material via unequal crossing-over. Green-pigment mutations are slightly more common than red. The shared genetic mechanism produces both, with deuteranomaly winning the lottery slightly more often.

How do I test for color blindness?

Ishihara plates (the classic dotted-number test) are widely used but not definitive. Anomaloscopes (clinical instruments) are the gold standard. For self-assessment, online versions of Ishihara plates work for screening; consult an optometrist for a real diagnosis.

Related tools

Last updated · E-Utils editorial team