Dichromacy · Red–green

Protanopia Simulated in sRGB

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

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

Live lab

Everyday interfaces with protanopia

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 protanopia changes common colors

Reds lose brightness and slide toward dark browns and olives, so red and green, and blue and purple, become hard to tell apart.

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

  • red

    #FF0000 → #6D5F00

    ΔE2000 42.4

  • orange

    #FFA500 → #C3AC00

    ΔE2000 17.6

  • gold

    #FFD700 → #F0D300

    ΔE2000 2.9

  • yellow

    #FFFF00 → #FFF400

    ΔE2000 2.9

  • lime

    #00FF00 → #FFE500

    ΔE2000 28.3

  • green

    #008000 → #837200

    ΔE2000 23.7

  • teal

    #008080 → #777980

    ΔE2000 22.6

  • cyan

    #00FFFF → #EDF2FF

    ΔE2000 25.7

  • blue

    #0000FF → #0059FF

    ΔE2000 14.9

  • navy

    #000080 → #002883

    ΔE2000 9.0

  • purple

    #800080 → #003D83

    ΔE2000 26.2

  • fuchsia

    #FF00FF → #007FFF

    ΔE2000 36.1

  • hotpink

    #FF69B4 → #7E8EB6

    ΔE2000 31.7

  • brown

    #A52A2A → #4E4729

    ΔE2000 30.8

  • 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 protanopia cannot tell apart by hue; only lightness separates them. All the lines meet at one point, just beyond the red end of the spectrum. The line through white meets the spectrum at about 494 nm, the neutral point: light of that wavelength looks gray. Measured in protanopes, it is about 492 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 494 nm
  • sRGB gamut

Confusions

Colors protanopia 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 L 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

Protanopia

Neutral point 494 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
OPN1LW
Where
Xq28
Inheritance
X-linked recessive
What changes
No working L-cone pigment. Most often the L gene has been replaced by a hybrid of the L and M genes that makes an M-like pigment; deletions and point mutations cause it too.

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: protanopia. The closest two status colors end up ΔE2000 8.8 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