Skip to tool
ecech.
🎨 Design & Color

One in Twelve Men Cannot Tell Your Red Badge From Your Green One

Red-for-bad and green-for-good is the most common convention in software and the exact pair that collapses. Paste your palette and see which colours merge.

How your palette appears

Pairs that become hard to tell apart

The usual pattern, simulated

Advertisement

How the calculation works

The same status list, two ways of building it colour only Build 412 Build 411 Build 410 which one failed? colour plus a shape Build 412 passed Build 411 failed Build 410 passed Both are shown as a red-green viewer sees them. Only one still works.

How to Use This Tool

Paste your palette. Each colour is shown as it appears with the three main forms of colour vision deficiency, and any pairs that collapse into each other are listed.

What the three types are

  • Deuteranopia — the green cone is missing. The most common form, and the one worth checking first.
  • Protanopia — the red cone is missing. Similar effect, with red also appearing darker than it does to others.
  • Tritanopia — the blue cone is missing. Rare, and it breaks blue-yellow distinctions rather than red-green.

Roughly 8% of men and 0.5% of women have some red-green deficiency. In a room of a hundred people that is around four, and in a large user base it is a permanent fraction you will never hear from, because the interface does not appear broken to them — it appears ambiguous.

The convention that causes it

Red for bad and green for good is the most widespread signalling pattern in software, and red and green are precisely the pair that collapses. A build status column, a stock ticker, a form validation state, a heatmap — all of them commonly encode the entire meaning in the one distinction that a twelfth of male readers cannot make.

The fix is not to abandon the colours. It is to make sure colour is never the only carrier of the message.

Four ways to carry meaning besides hue Shape or icon a tick and a cross read at a glance, in any vision A word "Failed" is unambiguous and costs one column Lightness a dark and a light colour differ for everyone Pattern or position hatching on a chart, or consistent ordering
Each of these also helps in greyscale printing and in bright sunlight.

What to do instead

  • Add a shape. A tick and a cross carry the meaning with no colour at all, and cost almost nothing to add.
  • Add a word. "Failed" next to the red dot removes the ambiguity entirely.
  • Vary lightness, not just hue. Two colours that differ in lightness stay distinguishable under every form of deficiency, and in greyscale.
  • Prefer blue and orange to red and green for two-way distinctions. That pair survives red-green deficiency intact and is why so many accessible palettes look the way they do.
  • Do not rely on a legend that maps colours to meanings if the colours are the only difference — the legend has the same problem as the chart.

What this simulation is and is not

It uses the standard transform into cone-response space used in the research literature, which is a reasonable model of dichromacy — the complete absence of one cone type. Most people with a deficiency have anomalous trichromacy instead, where a cone is shifted rather than missing, and their experience sits somewhere between this simulation and typical vision.

So treat a collapsed pair here as a genuine warning and an intact pair as reassurance rather than proof. The reliable test is whether the information survives with the colour removed entirely: if you convert your interface to greyscale and it still makes sense, you are fine.

Advertisement

Frequently Asked Questions

How common is colour blindness?
Around 8% of men and 0.5% of women have some form of red-green colour vision deficiency — roughly one man in twelve. It is a permanent fraction of any large audience, and you rarely hear from them because the interface does not look broken to them, only ambiguous.
Which colours should I avoid using together?
Red and green is the pair that collapses most often, which is unfortunate because it is the most common convention for bad and good. Green and brown, blue and purple, and light green and yellow also merge. Blue and orange survives red-green deficiency and is why accessible palettes favour it.
Is it enough to just pick a colour-blind-safe palette?
It helps and it is not sufficient. The reliable rule is that colour should never be the only thing carrying meaning — add a shape, a word, or a difference in lightness. That also survives greyscale printing, bright sunlight and a failing monitor.
What is the difference between deuteranopia and protanopia?
Deuteranopia is the absence of the green cone and protanopia the absence of the red one. Both make red and green hard to distinguish; protanopia additionally makes reds appear darker. Deuteranopia is the more common of the two.
How accurate is this simulation?
It models dichromacy — one cone type entirely absent — using the standard transform from the research literature. Most people with a deficiency have anomalous trichromacy instead, where a cone is shifted rather than missing, so their experience sits between this and typical vision. Treat a collapsed pair as a real warning.
What is the quickest check I can do?
Convert your interface to greyscale and see whether it still makes sense. If the meaning survives with hue removed entirely, it survives every form of colour vision deficiency, and it also survives being printed or viewed in sunlight.

Related tools in Design & Color

Browse all Design & Color tools
The Mac mini the ecech. site is built on, beside a handwritten note reading ecech.com.

Made by one person

ecech. is not a content farm. Every tool here is written and checked by hand, one at a time, by someone who wanted the tool to exist and could not find a version that showed its working.

No accounts and no sign-in, and nothing you type reaches a server — every calculation on this page runs inside your browser. The ads are served by Google and do set their own cookies, which is set out in full on the privacy page. More about the site.