Dichromacy · Blue–yellow

Tritanopia Simulated in sRGB

It is the absence of working short-wavelength cones, the ones most sensitive to blue light. It is inherited on chromosome 7, not the X, so it affects men and women about equally, and it can also be acquired through eye disease. It is rare: estimates put it at around 1 in 10,000 people or fewer.

Category
Dichromacy
Type
Blue–yellow
Cones
S cones missing
Simulation
Machado et al. (2009)

Live lab

Everyday interfaces with tritanopia

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

Blue and green merge, and yellow and violet or pink become hard to tell apart; yellows can take on a pinkish cast.

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

  • red

    #FF0000 → #FF000F

    ΔE2000 1.5

  • orange

    #FFA500 → #FF8E8D

    ΔE2000 32.5

  • gold

    #FFD700 → #FFC4B7

    ΔE2000 33.1

  • yellow

    #FFFF00 → #FFEED9

    ΔE2000 26.2

  • lime

    #00FF00 → #00F7D9

    ΔE2000 25.8

  • green

    #008000 → #007C6C

    ΔE2000 21.2

  • teal

    #008080 → #008580

    ΔE2000 2.7

  • cyan

    #00FFFF → #00FFFE

    ΔE2000 0.3

  • blue

    #0000FF → #006B96

    ΔE2000 23.7

  • navy

    #000080 → #003248

    ΔE2000 15.0

  • purple

    #800080 → #842149

    ΔE2000 15.5

  • fuchsia

    #FF00FF → #FF4A97

    ΔE2000 17.8

  • hotpink

    #FF69B4 → #FF6187

    ΔE2000 10.0

  • brown

    #A52A2A → #B6002C

    ΔE2000 4.6

  • gray

    #808080 → #808080

    ΔE2000 0.0

Machado et al. (2009) built their tritan model as a shift of the S cones and say that even at full severity it is not tritanopia, so treat this simulation as an approximation.

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

Confusions

Colors tritanopia 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 S 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

Tritanopia

Neutral point 566 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
OPN1SW
Where
7q32.1
Inheritance
Autosomal dominant
What changes
Changes in the S-opsin gene that disrupt the S cones. The gene has no look-alike neighbor, so hybrids like the red–green ones cannot form.

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 instructionsMisses 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 2008Misses it
Moreland anomaloscopeA blue–green match for tritan defects. Its power is limited, because the eye's lens and macular pigment shift the match. Sharpe et al. 1999Partly
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: tritanopia. The closest two status colors end up ΔE2000 20.0 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