Dichromacy · Red–green

Deuteranopia Simulated in sRGB

It is the absence of working medium-wavelength cones, the ones most sensitive to green light. It is inherited on the X chromosome, so it is far more common in men than in women. It affects about 1 in 80 men of European descent.

Category
Dichromacy
Type
Red–green
Cones
M cones missing
Simulation
Machado et al. (2009)

Live lab

Everyday interfaces with deuteranopia

Four everyday interfaces, or an image of your own, simulated as you watch. Drag the divider, change the severity, and turn on the fix to see the same interface designed so color is never the only clue.

The live lab needs JavaScript. The sections below show the same simulation, color by color.

Everyday colors

How deuteranopia changes common colors

Reds, oranges, yellows and greens fall onto one run of yellow-browns; unlike protanopia, reds keep most of their brightness.

Each chip is the color on the left and the simulation on the right. Open one for its full page.

  • red

    #FF0000 → #A39000

    ΔE2000 44.3

  • orange

    #FFA500 → #D9C10E

    ΔE2000 18.0

  • gold

    #FFD700 → #FADF24

    ΔE2000 3.5

  • yellow

    #FFFF00 → #FFFA31

    ΔE2000 1.8

  • lime

    #00FF00 → #EFD63A

    ΔE2000 28.0

  • green

    #008000 → #776A18

    ΔE2000 22.3

  • teal

    #008080 → #676E81

    ΔE2000 22.9

  • cyan

    #00FFFF → #D0DDFF

    ΔE2000 26.8

  • blue

    #0000FF → #003DFB

    ΔE2000 7.4

  • navy

    #000080 → #001A7E

    ΔE2000 5.0

  • purple

    #800080 → #304B7D

    ΔE2000 26.0

  • fuchsia

    #FF00FF → #689BFA

    ΔE2000 35.7

  • hotpink

    #FF69B4 → #A7A9B0

    ΔE2000 26.8

  • brown

    #A52A2A → #6D6226

    ΔE2000 34.9

  • gray

    #808080 → #808080

    ΔE2000 0.0

Confusion lines

Colors on one line look alike

This map holds every color's hue and saturation, with the spectrum round its curved edge. Each straight line runs through colors that deuteranopia cannot tell apart by hue; only lightness separates them. All the lines meet at one point, outside the diagram, below and to the right of it. The line through white meets the spectrum at about 500 nm, the neutral point: light of that wavelength looks gray. Measured in deuteranopes, it is about 498 nm.

0.00.20.40.60.80.20.40.60.8 x y 460480500520540560580600620

Seen as one hue

The numbers are the closest pair in each group, typical vision first.

The lines meet at points worked out from the cone measurements of Smith and Pokorny; strictly those belong to a corrected version of this diagram, so the lines here are close, not exact. Smith & Pokorny 1975

  • Confusion lines
  • The line through white
  • White (D65)
  • Neutral point 500 nm
  • sRGB gamut

Confusions

Colors deuteranopia confuses

CSS named colors that are far apart to typical vision but nearly identical once simulated. Never tell these apart by color alone.

The cones

No working M cones

Each curve is how strongly one cone pigment absorbs light across the spectrum, peaking at about 419, 531 and 558 nm. The dashed curve is the pigment that is missing. Below the curves, the visible spectrum as typical vision and as this type see it.

400450500550600650700

Typical vision

Deuteranopia

Neutral point 500 nm

The curves are the visual pigment template of Govardovskii et al. (2000) at the peaks Dartnall, Bowmaker and Mollon measured in human eyes. They show the pigments themselves; at the cornea the eye's lens and macular pigment shift them. Govardovskii et al. 2000 · Dartnall et al. 1983

Genes

How it is inherited

The genes behind it, where they sit, and the odds of passing it on. Pick the parents to see a Punnett square: each square is one chance in four.

Gene
OPN1MW
Where
Xq28
Inheritance
X-linked recessive
What changes
No working M-cone pigment: the M gene is lost, leaving the L gene alone, or replaced by a hybrid that makes an L-like pigment. John Dalton, who first described color blindness, had a single L gene.

The calculator needs JavaScript.

Diagnosis

How it is tested

A screening test says that something is different; a diagnostic one says what. Only an eye care professional can diagnose a color vision deficiency. Plates on a screen, including this site's, show the idea but cannot diagnose.

TestWhat it isFor this type
Ishihara platesPlates of colored dots hiding numbers: the standard screen for red–green deficiency. It cannot grade severity or tell dichromats from anomalous trichromats. Ishihara instructionsDetects it
HRR platesPlates with shapes instead of numbers. They screen for red–green and blue–yellow loss and grade it as mild, medium or strong. Bailey et al. 2004Detects and grades it
Farnsworth D-15Fifteen colored caps to put in order. Almost every dichromat fails; many people with a mild anomaly pass. The pattern of errors shows the axis. Birch 2008Detects it
Farnsworth–Munsell 100 HueEighty-five caps in four trays, scored for errors. Good for measuring discrimination and following an acquired loss; weak at telling inherited types apart. Birch 1989Partly
Nagel anomaloscopeMatch a yellow light with a mix of red and green. The reference test for red–green deficiency: it tells protan from deutan and dichromacy from anomalous trichromacy, and grades severity. Birch 2008Detects and grades it
CAD testA computer test that measures red–green and yellow–blue thresholds against moving luminance noise, and reports severity in standard units. Rodriguez-Carmona et al. 2012Detects and grades it
Cambridge Colour TestA computer test: find the gap in a C drawn in colored dots among dots of random lightness. It measures thresholds along the protan, deutan and tritan axes. Regan et al. 1994Detects and grades it

Status colors

Red, amber and green

A traffic-light status set leans entirely on hue. Give each state a word or an icon too, as WCAG 1.4.1 asks.

WCAG 1.4.1 Use of Color
  • Error
  • Warning
  • Success

Top: typical vision. Bottom: deuteranopia. The closest two status colors end up ΔE2000 7.9 apart.

Your palette

Check your colors

Paste a palette, or start from one below. The bars show the closest pair under every type; the table shows every pair under the one you pick.

The checker needs JavaScript.

Design for it

Designing so it does not matter

  1. Never let color carry meaning alone: add a label, an icon, a pattern or a position.
  2. Separate colors by lightness as well as hue, so they stay apart in every simulation.
  3. Keep text contrast at 4.5:1 or more, and 3:1 for icons and the edges of controls.
  4. Check designs with a simulator before you ship them.

Simulate a whole page in the Color Blindness Simulator, or check a pair in the Contrast Checker.

Other types

The other types