Everyday design science · History and science

Why are traffic lights
red, yellow and green?

Traffic lights are red, yellow and green because the first road signals copied railway signals, where red already meant danger. Red also has the longest wavelength of visible light and stands out against most backgrounds; amber sits near the eye's peak sensitivity, so it grabs attention; and green is set bluish so people with red-green colour blindness can tell it from red.

By , FounderUpdated 9 min read

Share

Quick answer: Why are traffic lights red, yellow and green?

  1. From the railways — road signals copied railway lamp signals, where red already meant stop; green replaced white for 'go' to avoid confusion with ordinary lights.
  2. 1868 — the first road signal, a gas-lit semaphore outside the Houses of Parliament in London, exploded within weeks.
  3. 1914 — Cleveland, Ohio, installed the first electric traffic signal, with red and green lamps and a warning buzzer.
  4. The physics — red has the longest visible wavelength; amber sits near the eye's peak sensitivity; green is tuned bluish.
  5. Colour blindness — about 1 in 12 men of Northern European descent has red-green colour deficiency, so position (red on top) matters as much as colour.

Key takeaways

  • The colours are a convention inherited from 19th-century railways, then standardised internationally.
  • Red was chosen for 'stop' because it already meant danger and stands out against most natural backgrounds.
  • Position is a backup code: red is always on top (or on the left), so drivers who can't tell the colours apart still know the signal.
  • Signal green is deliberately bluish, which makes it easier to distinguish from red for people with red-green colour deficiency.
  • Designers should never rely on colour alone: the same rule applies to every red error message and green success state in an app.

On 9 December 1868, a strange machine appeared at the corner of Bridge Street and Great George Street in Westminster, outside the Houses of Parliament. It was a railway signal on a pole: two semaphore arms by day and a gas lamp, red and green, by night, turned by a police constable. Within a month the gas leaked and the lamp exploded, badly burning the officer. The idea survived. Today every driver on Earth reads the same three colours, and almost none of them know why it's those three. The answer is part history and part physics, and it carries a lesson for anyone who uses colour in a screen.

Why are traffic lights red, yellow and green? At a glance: From the railways; 1868; 1914; The physics; Colour blindness.
At a glance: Why are traffic lights red, yellow and green?

Why traffic lights are red, yellow and green: the short answer

Traffic lights use red, yellow and green because road signals were copied from railway signals, and because each colour has a perceptual job.

ColourMeaningWhere it came fromThe perception reason
RedStopRailway "danger" signalLongest visible wavelength; stands out against most scenes
Amber / yellowCautionAdded as a warning phase, around 1920Close to the eye's peak daytime sensitivity
GreenGoReplaced white "clear" on railwaysSet bluish so it can be told from red by colour-deficient eyes

Table: What each traffic-light colour does and why (history from railway and signal sources; perception from vision science)

EYE MOST SENSITIVE ~555 NM GO · BLUISH GREEN~505 NMCAUTION · AMBER~590 NMSTOP · RED~635 NM 400 NM700 NM SENSITIVITY CURVE SIMPLIFIED · WAVELENGTHS APPROXIMATE
The three signal colours on the visible spectrum. Red sits at the long-wavelength end; amber sits close to the eye's peak daytime sensitivity near 555 nm (the white curve); signal green is shifted towards blue, away from red.
First road signal, Westminster, London
9 Dec 1868
First electric traffic signal, Cleveland, Ohio
5 Aug 1914
Men of Northern European descent with red-green colour deficiency
1 in 12
Vienna Convention standardises road signals
1968

Where the colours came from: the railways

The colours came from the railways because the railways had already solved the problem of telling moving vehicles when to stop. Early British railways used red for danger, white for all clear, and green for caution. White turned out to be a dangerous choice: a driver could mistake a street lamp, a house window or a star for "clear". By the late 19th century green had taken over as "clear", and yellow later became the caution colour on distant signals.

Diagram of British railway semaphore signals: a red home signal and a yellow distant signal with their red, yellow and green lamps
British railway semaphores: the red "home" signal means stop, the yellow "distant" signal means caution, each with matching lamps for nightImage: Stannered (traced) · CC BY-SA 3.0 · source

John Peake Knight, the railway engineer behind the 1868 Westminster signal, simply moved this railway system to the road: arms raised for stop, lowered for caution, with a red and green gas lamp for night use1. After the explosion, London went back to police officers directing traffic by hand for decades.

From gas lamps to electric signals (1868–1923)

Electric signals came from the United States, where cars multiplied in the 1910s. On 5 August 1914 the American Traffic Signal Company installed an electric signal designed by James Hoge at Euclid Avenue and East 105th Street in Cleveland, Ohio. It had red and green lamps, the words "stop" and "move", and a buzzer that sounded before the colours changed, a forerunner of the amber phase2.

Around 1920, Detroit police officer William Potts built one of the first signals with all three colours, adding amber as a warning. In 1923 the inventor Garrett Morgan patented a T-shaped manual signal with a third position that stopped traffic in every direction, giving people time to clear the junction3. Morgan is often wrongly called the inventor of the traffic light; his contribution was the all-stop interval.

Quick quizWhy did railways stop using white to mean 'clear'?

A white signal looks like every other light at night. When a lamp's coloured glass broke, it also showed white, so a broken danger signal could look like 'clear'. Green made 'go' a deliberate, distinctive colour.

The physics: why red for stop?

Red works for stop partly because of history and partly because of how light and eyes behave.

Red has the longest wavelength of visible light, roughly 620 to 750 nanometres. Very small particles in the air scatter short wavelengths more than long ones (the same Rayleigh scattering that makes the sky blue), so red light carries slightly better through fine haze and dust. In thick fog the droplets are large enough to scatter all colours almost equally, so this advantage should not be overstated.

Red is rare in the background. Streets are mostly grey, brown and green; a bright red point is easy to pick out, a case of the von Restorff effect, where the item that differs from its surroundings is the one we notice.

Amber is close to peak sensitivity. In daylight, the human eye is most sensitive to yellow-green light around 555 nm. Amber, around 590 nm, sits close to that peak, so a caution light looks very bright for the power it uses.

How do colour-blind drivers read traffic lights?

Colour-blind drivers read traffic lights by position as much as by colour. Red-green colour vision deficiency affects about 1 in 12 men and 1 in 200 women of Northern European ancestry, according to the US National Library of Medicine4; rates are somewhat lower in many other populations, but it is common everywhere5.

Signals are designed with this in mind. The colours always appear in the same order, red at the top or left, so the lit position carries the meaning. And signal green is deliberately a bluish green rather than a yellowish one, because for many people with red-green deficiency, yellowish greens and reds look alike while a bluish green looks different.

A Japanese pedestrian signal lit in a distinctly blue-green colour in Osaka
A Japanese pedestrian signal in Osaka showing the blue-green "ao" lightImage: Tokumeigakarinoaoshima · CC BY-SA 4.0 · source

Japan takes this further for a linguistic reason. In Japanese the word ao historically covered both blue and green, and the go light has always been called ao. Since 1973 the government has specified the bluest green that international standards allow, so many Japanese lights look turquoise6.

One code for the world

The colours became universal through international agreement. The 1968 Vienna Convention on Road Signs and Signals, signed by dozens of countries, standardised the meaning of red, amber and green and the order of lights7. Details still differ: the UK shows red and amber together before green; many countries, including India, add countdown timers; and some flash green before it changes. The core code is the same everywhere.

A close-up of a traffic light lit red, showing the grid of individual LEDs
A modern LED signal: hundreds of red LEDs instead of one bulb behind coloured glassImage: Kevin Payravi · CC BY-SA 4.0 · source

What traffic lights teach screen designers

Traffic lights are the world's most successful colour code, and they work because they never depend on colour alone. Apps often do.

Checklist: What traffic lights teach screen designers — Pair colour with a second cue; Keep positions consistent; Use red sparingly; Check your greens and reds together; Respect learned meanings.
What traffic lights teach screen designers
  • Pair colour with a second cue — an error should have an icon and text, not only a red border; WCAG's "Use of Color" criterion requires it8.
  • Keep positions consistent — like red on top, put destructive and primary actions in the same place on every screen.
  • Use red sparingly — if everything is red, nothing stops anyone; reserve it for real danger or errors.
  • Check your greens and reds together — test success and error states with a colour-blindness simulator.
  • Respect learned meanings — red means stop or error worldwide; using it for "go" fights decades of training.

Our accessibility checklist covers colour contrast and colour-independent cues in detail, and a mobile app UX audit tests them with real users.

How we researched this

Historical dates come from contemporary reporting on the 1868 London signal, the Cleveland Police Museum's history of the 1914 signal and Garrett Morgan's 1923 patent. Colour-vision figures come from the US National Library of Medicine and the National Eye Institute; Japan's 1973 standard from published explanations of the ao colour term. The physics of scattering and eye sensitivity is standard optics; wavelengths in the illustration are approximate. Last reviewed October 2026.

Frequently asked questions

Why is red used for stop?

Red already meant danger on railways, which supplied the first road signals, and it is highly conspicuous against the greens, greys and browns of most streets. It also has the longest wavelength of visible light, which is scattered slightly less by fine haze. The association was then fixed by law and international agreement, so every driver learns it.

Who invented the traffic light?

John Peake Knight, a railway engineer, designed the first road signal, a gas-lit semaphore installed outside the Houses of Parliament in London in December 1868. The first electric traffic signal was installed in Cleveland, Ohio, on 5 August 1914. Garrett Morgan patented a three-position signal in 1923, but he did not invent the traffic light.

Why are Japan's green lights blue?

In Japanese, the word ao historically covered both blue and green, and the go light has always been called ao. Since 1973 the government has specified the bluest shade of green allowed by international standards, so the lights match their name while still counting as green. Many look turquoise to visitors.

How do colour-blind people read traffic lights?

By position and brightness. Red is always at the top of a vertical signal (or the left of a horizontal one), green at the bottom, and amber in the middle, so the lit position tells drivers the meaning. Signal green is also bluish, which makes it easier to separate from red for people with red-green colour deficiency.

Why is the middle light yellow or amber?

Amber was added as a warning between go and stop. Human eyes are most sensitive in bright light to yellow-green wavelengths around 555 nanometres, so amber, close to that peak, is very noticeable. Early electric signals used a buzzer instead; a three-colour sequence appeared in the United States around 1920.

What does red and amber together mean in the UK?

In the UK and several other countries, red and amber lit together mean 'stop, but get ready': green is about to appear. The sequence is red, red and amber, green, amber, red. Many countries, including India and the United States, go straight from red to green.

Sources

  1. Express & Star / PA — Ready, steady, go: 150 years since the world's first traffic light in London (2018)
  2. Cleveland Police Museum — Early electric traffic signals
  3. Google Patents — US1475024A, Traffic signal, Garrett A. Morgan (1923)
  4. MedlinePlus (US National Library of Medicine) — Color vision deficiency
  5. National Eye Institute — Color blindness
  6. Mental Floss — Why does Japan have blue traffic lights instead of green?
  7. UNECE — Convention on Road Signs and Signals (Vienna, 1968)
  8. W3C — WCAG 2.2, Success Criterion 1.4.1 Use of Color
  9. Checked October 25, 2026. Figures that change — fees, salaries, prices — are reviewed every six months; if something is out of date, tell us.
Pass it on

Know someone who'd enjoy this?

Send it to them — one tap, no sign-up. Good ideas travel best between friends.

Keep exploring

Where to go from here

Join free

Get the ideas, not the noise.

Sign up with Google and we’ll send you short UX psychology tips by email — why people tap, stall and leave, and what to do about it. Unsubscribe anytime. Prefer something to keep? Get the free Laws of UX guide as a PDF.

Get the free Laws of UX PDFFree · no spam · unsubscribe anytime
Design is behaviour

The same science shapes your product.

A behavioral UX audit of your app or SaaS product: why users hesitate, stall and leave, and a prioritized fix list. Fixed price, 2–4 weeks.

Free certification

Turn what you know into a credential.

Free, test-based UX, UI and product certifications. Answer real product scenarios, graded on our server, and earn a founder-signed certificate anyone can verify and you can add to LinkedIn.

  • Credential ID
  • QR verification
  • LinkedIn-ready
Free PDF · 74 pages · 2 editions

The Laws of UX, in one field guide

60 research-backed principles in 6 categories — what each one means, why it works on the human brain and how to use it on your own screens. Written by Sushant Singh, founder of Science of Apps, who has scaled consumer apps to lacs of users and spent 10+ years leading product across startups and digital businesses in the US, EU & India.

Pick your edition
Free. No card, no paywall — just your email.
Free PDF · 74 pages

Get Laws of UX by email

Choose your edition

You’ll also get occasional UX psychology tips. Unsubscribe anytime. Privacy policy

Free PDF · 90 pages · 2 editions

100+ Subscription Paywalls, decoded

110 real paywalls from top apps, taken apart, rated out of 5 and decoded with the Laws of UX — plus the frameworks, copy and checklists to ship your own. By Sushant Singh, founder of Science of Apps.

  • 110 paywalls rated
  • 34 Laws of UX
  • 12 frameworks

Which paywall scored 4.8 out of 5, and which scored 2.6? It’s all inside.

Pick your edition
Free. No card, no paywall — just your email.
Free PDF · 90 pages

Get 100+ Paywalls, Decoded by email

Choose your edition

You’ll also get occasional UX psychology tips. Unsubscribe anytime. Privacy policy