Take the color the web calls orange, #ffa500, and turn the lights down on it. Hold the hue exactly where it is, keep the chroma as high as the display can manage, and lower the lightness step by step. Every color in the ramp has the same hue as the one you started with. None of them stays orange.
- L* 75: #ffa503. Orange.
- L* 65: #db8d00. Harvest gold.
- L* 55: #b77500. Ginger, at a stretch.
- L* 35: #754900. Sepia.
- L* 25: #553400. Dark brown.
Nothing has changed about the color except how much light it sends back, and somewhere on the way down it has left the orange vocabulary and joined a different one. Run the same ramp on red and you get dark red. On green you get dark green. On blue you get navy. Only orange gets handed over to another word entirely.
I collected 75 named oranges, took every orange, amber and tangerine keyword in the CSS named-color set plus the shades that recur across mainstream lists with a settled hex value, converted all of them to CIELAB and ran all 2,775 pairs through CIEDE2000. It is the same measurement I ran on the reds, the blues, the greens, the purples and the pinks. Orange produced the one result none of the others did.
The darkest named orange in the set is sienna, at L* 43.8. The darkest with the word orange actually in its name is burnt orange, at L* 51.1. For comparison, the reds run down to rosewood at L* 19.2 and the blues to navy at L* 13.0. Orange has a floor roughly 25 points of lightness above every other warm family, and it is not because dark orange is hard to make. It is because English already has a word for it.
The 75 named oranges, with hex codes
Sorted by CIELAB lightness within three bands. L* is lightness on a 0 to 100 scale, C* is chroma, and the hue figure is the CIELAB hue angle in degrees, where pure sRGB red sits at 40.0 and pure sRGB yellow at 102.9. Everything below is between those two numbers, which is a reasonable working definition of the family.
Pale oranges, L* 78 and above
Sixteen names. Mean lightness 86.7, mean chroma 41.2, mean hue 76.6. This band leans hard toward yellow and it is where most of the breakfast-adjacent names live.
- Papaya whip, #ffefd5. L* 95.1, C* 14.6.
- Blanched almond, #ffebcd. L* 93.9, C* 17.2.
- Bisque, #ffe4c4. L* 92.0, C* 19.5.
- Peach, #ffe5b4. L* 92.0, C* 27.2. Note the chroma against bisque at the same lightness. Peach is doing considerably more work.
- Moccasin, #ffe4b5. L* 91.7, C* 26.5.
- Navajo white, #ffdead. L* 90.1, C* 28.6.
- Peach puff, #ffdab9. L* 89.4, C* 22.5. Hue 69.0, which is redder than peach itself.
- Light orange, #ffd580. L* 87.2, C* 47.4.
- Apricot, #fbceb1. L* 85.9, C* 23.6.
- Sunglow, #ffcc33. L* 84.3, C* 76.5. The most saturated color on the pale list by a wide margin.
- Desert sand, #edc9af. L* 83.4, C* 19.8.
- Melon, #febaad. L* 81.4, C* 28.1. Hue 35.5, below pure red. This is the least orange entry on the whole list.
- Saffron, #f4c430. L* 81.3, C* 74.2. Hue 87.0, the most yellow entry on the whole list.
- Amber, #ffbf00. L* 81.0, C* 83.7.
- Mango, #fdbe02. L* 80.6, C* 83.0.
- Pastel orange, #ffb347. L* 78.4, C* 66.2.
Mid oranges, L* 60 to 78
Thirty-nine names, more than half the set. Mean lightness 67.2, mean chroma 69.6, mean hue 58.8. This is the band the word orange actually refers to.
- Yellow orange, #ffae42. L* 77.2, C* 67.7.
- Xanthous, #f1b42f. L* 77.0, C* 71.4.
- Rajah, #fbab60. L* 76.4, C* 54.5.
- Orange, #ffa500. L* 74.9, C* 82.5, hue 73.1. The CSS keyword, and the subject of its own section below.
- Light salmon, #ffa07a. L* 74.7, C* 46.7.
- Sandy brown, #f4a460. L* 74.0, C* 52.2. A brown name on an orange this light is already a hint at what is coming.
- Orange peel, #ff9f00. L* 73.6, C* 82.6.
- Atomic tangerine, #ff9966. L* 72.9, C* 54.4.
- Deep saffron, #ff9933. L* 72.4, C* 72.7.
- Marigold, #eaa221. L* 71.9, C* 72.1.
- Goldenrod, #daa520. L* 70.8, C* 69.3. Hue 82.9, deep into yellow territory.
- Dark orange, #ff8c00. L* 69.5, C* 84.0. The CSS keyword named dark orange is lighter than 31 of the colors below it on this list, which tells you how the word dark was being used.
- Gamboge, #e49b0f. L* 69.5, C* 74.0.
- Butterscotch, #e3963e. L* 68.4, C* 60.1.
- Carrot orange, #ed9121. L* 68.3, C* 72.7.
- Coral, #ff7f50. L* 67.3, C* 65.7. Hue 46.3, which puts it closer to red than to orange proper.
- Jaffa, #ef863f. L* 66.3, C* 64.3.
- Tangerine, #f28500. L* 66.3, C* 80.7.
- Cadmium orange, #ed872d. L* 66.2, C* 69.7.
- Persian orange, #d99058. L* 66.1, C* 46.3.
- Tiger's eye, #e08d3c. L* 65.9, C* 59.9.
- Harvest gold, #da9100. L* 65.9, C* 73.3.
- Princeton orange, #f58025. L* 65.7, C* 75.5.
- UT orange, #f77f00. L* 65.7, C* 83.0.
- Safety orange, #ff7900. L* 65.7, C* 86.6.
- Pumpkin, #ff7518. L* 65.0, C* 83.8.
- Bittersweet, #fe6f5e. L* 64.4, C* 64.7.
- Fulvous, #e48400. L* 64.2, C* 76.5.
- Outrageous orange, #ff6e4a. L* 64.1, C* 70.9.
- Tomato, #ff6347. L* 62.2, C* 74.2.
- Burnt sienna, #e97451. L* 62.0, C* 58.4.
- Peru, #cd853f. L* 61.8, C* 52.5.
- Neon orange, #ff5f1f. L* 61.3, C* 86.3.
- Sunset orange, #fd5e53. L* 61.2, C* 71.3. Hue 32.9, the reddest entry on the list.
- Terra cotta, #e2725b. L* 60.7, C* 53.0.
- Portland orange, #ff5a36. L* 60.6, C* 81.0.
- Giants orange, #fe5a1d. L* 60.3, C* 87.4.
- Bronze, #cd7f32. L* 60.2, C* 57.6.
- Orange soda, #fa5b3d. L* 60.0, C* 76.8.
Dark oranges, below L* 60
Twenty names, and the list runs out of them fast. Mean lightness 53.4, mean chroma 74.8, mean hue 50.9. Note the hue: the darker the band, the redder it gets. The family drifts 26 degrees toward red on the way down, because the names that survive into the dark are the ones that borrowed from red rather than from yellow.
- Red orange, #ff5349. L* 59.8, C* 77.3.
- International orange, #ff4f00. L* 58.8, C* 94.7. The aerospace and Golden Gate Bridge shade, and the second most saturated color on the entire list.
- Ochre, #cc7722. L* 58.2, C* 63.1.
- Spanish orange, #e86100. L* 57.8, C* 82.9.
- Orange red, #ff4500. L* 57.6, C* 96.7. The CSS keyword, and the most saturated color on the list.
- Tangelo, #f94d00. L* 57.5, C* 93.0.
- Persimmon, #ec5800. L* 56.9, C* 86.1.
- Chocolate, #d2691e. L* 56.0, C* 67.8. A CSS keyword that names a brown and delivers an orange.
- Pomegranate, #f34723. L* 55.8, C* 85.5.
- Flame, #e25822. L* 55.3, C* 75.7.
- Copper, #b87333. L* 54.8, C* 50.3.
- Alloy orange, #c46210. L* 52.4, C* 67.1.
- Vermilion, #e34234. L* 52.4, C* 75.5. Hue 36.0. Both the red and the orange vocabularies claim this one.
- Tawny, #cd5700. L* 51.6, C* 75.1.
- Burnt orange, #cc5500. L* 51.1, C* 75.1. The darkest shade on the list with the word orange in its name.
- Ginger, #b06500. L* 50.1, C* 63.0.
- Sinopia, #cb410b. L* 47.6, C* 76.9.
- Mahogany, #c04000. L* 45.5, C* 75.1.
- Rust, #b7410e. L* 44.1, C* 68.6.
- Sienna, #a0522d. L* 43.8, C* 46.2. The floor.
How much of that list is real
Of the 2,775 pairs, three fall below ΔE 1.0, the point where two colors become genuinely hard to separate even side by side, and 19 fall below 2.3. That leaves 99.3 percent of the list as distinguishable colors. The usual complaint that these lists pad themselves with the same swatch under a dozen names does not survive contact with the numbers, here or in any of the other families I have measured.
The three genuine collisions:
- Amber and mango, ΔE 0.36. #ffbf00 against #fdbe02. One of these is a gemstone and one is a fruit, and they are the same color.
- Tawny and burnt orange, ΔE 0.66.
- Peach and moccasin, ΔE 0.73. #ffe5b4 against #ffe4b5, which is a one-digit difference in every channel.
Mean separation across the set is 19.5 ΔE. The widest gap is papaya whip against rust at 46.3, which is a fair measure of how much ground one color word is being asked to cover. The most interesting collision is not inside the list at all: chocolate, #d2691e, is the same hex code that most references give for cinnamon. A CSS keyword shipped in every browser is a brown spice and an orange, depending which reference you opened.
Orange has a floor and the other families do not
This is the finding I did not expect. Take the darkest named member of each family and line them up:
- Blue: navy, L* 13.0.
- Red: rosewood, L* 19.2.
- Brown: taupe, L* 26.3.
- Green: hunter green, L* 36.1.
- Orange: sienna, L* 43.8.
Orange bottoms out higher than anything else, and sienna is a borrowed name that the brown vocabulary also claims. Strip out every name that the browns use too and the orange floor rises to burnt orange at L* 51.1. The family occupies barely the top half of the lightness scale.
You can find the exact point where the handover happens. Darken #ffa500 at maximum chroma and check, at each step, whether the nearest named color comes from the orange list or the brown list. Down to L* 42 the nearest name is still ginger. Below L* 41.4 the nearest name is sepia, and it stays in the brown vocabulary all the way to black. That crossover is not a fact about pigment or physics. It is a fact about where English decided to put a boundary.
Compare what the same ramp does elsewhere. At L* 35 with the hue held fixed:
- Red gives #a90200, nearest name firebrick, ΔE 5.9. Still a red.
- Green gives #006100, nearest name dark green, ΔE 1.0. Still a green.
- Blue gives #3217ff, nearest name blue, ΔE 2.4. Still a blue.
- Orange gives #754900, nearest name sepia, ΔE 5.4. Not an orange.
Yellow, incidentally, has the same problem and worse. At L* 35 it gives #555500, and the nearest name in any family is olive at ΔE 16.3, which is not close to anything. The dark end of the yellow-orange arc is a naming desert, and brown is the word that filled it.
Brown and orange are the same hue
Once you measure both vocabularies the reason becomes obvious. Across 28 named browns and 75 named oranges:
- Circular mean hue: oranges 60.4, browns 63.1. Under three degrees apart.
- Mean lightness: oranges 67.7, browns 54.3.
- Mean chroma: oranges 64.9, browns 40.5.
- Twenty-four of the 28 browns fall inside the hue band spanned by the oranges.
Two families, one hue. Brown is not a hue at all in the sense that blue or green is. It is a region of the orange hue defined entirely by having less light and less saturation, and English gave it its own basic color word while giving dark blue and dark green nothing but a modifier.
The perceptual literature goes further than the geometry does. Brown is what color scientists call a related color: it only exists in comparison to something brighter nearby. Show someone a dim orange patch against a bright surround and they call it brown. Show them the same patch in isolation, with nothing brighter in view, and they call it orange. There is no such thing as a brown light source, and if you have ever wondered why traffic lights, LEDs and neon signs come in every color except brown, that is the answer. Brown needs a bright neighbour to be brown.
Witzel and Gegenfurtner measured this boundary directly and found that discrimination is genuinely better across the red-to-brown category line than within either category, at least when observers can name what they are looking at. The word is doing perceptual work, not just labelling work. I have written about the mixing side of this in what colors make brown, where the practical version of the same fact is that you cannot mix brown by adding pigment. You get there by taking light away from orange.
The pale oranges are not tinted, they are maxed out
The other unusual thing about this family is where the sRGB gamut peaks. Walk the maximum available chroma at the orange hue up the lightness scale:
- L* 50: C* 59.9
- L* 60: C* 69.0
- L* 70: C* 78.0
- L* 74: C* 81.7, the peak
- L* 80: C* 57.1
- L* 90: C* 23.0
Chroma climbs steadily for seventy points of lightness, tops out at L* 74, and then falls off a cliff. Six points of lightness above the peak costs you 30 percent of the available saturation. Sixteen points costs you 72 percent of it.
That cliff is why every pale orange looks washed out, and the measurement shows the names are not to blame. Of the 16 shades in the pale band, 13 sit at 97 percent or more of the maximum chroma the sRGB gamut allows at their lightness. Peach, at #ffe5b4, is running at 99.9 percent of the ceiling. Papaya whip, moccasin, bisque, navajo white and light orange are all within a rounding error of the edge. These colors are not soft because a designer softened them. They are as saturated as a color that light is physically able to be on a normal screen.
The practical consequence is that lightening an orange is a losing trade. Mix #ffa500 with 50 percent white and you get #ffd280, which has given up 43 percent of its chroma and drifted 9 degrees toward yellow. Mix it with 75 percent white and you land on #ffe8bf, which is within ΔE 2 of moccasin. Every route out of the top of the orange band ends in the same beige.
Why #ffa500 is a better orange than #ff8000
This one is for anyone who has ever typed a hex code and felt that the CSS keyword looked wrong. The instinct is that orange should be halfway between red and yellow, so it should be #ff8000: full red, half green, no blue. Neat, symmetrical, obviously correct. It is also 12.6 ΔE away from the CSS keyword, which is a large gap for two colors claiming the same name.
Measure the actual midpoint and the keyword wins:
- Pure sRGB red, #ff0000, sits at CIELAB hue 40.0.
- Pure sRGB yellow, #ffff00, sits at hue 102.9.
- The perceptual midpoint is therefore hue 71.4.
- CSS orange, #ffa500, sits at hue 73.1. Off by 1.7 degrees.
- The intuitive #ff8000 sits at hue 59.9. Off by 11.5 degrees, biased toward red.
Halving the green channel does not halve the perceived contribution of green, because sRGB channel values are gamma encoded and the eye is far more sensitive to green than to red in the first place. #ff8000 is what the midpoint of red and yellow looks like to the arithmetic. #ffa500 is what it looks like to a person. Whoever chose the keyword got it right, and the same reasoning is worth keeping in mind any time you interpolate between two colors in raw RGB. More on that in reading hex codes by eye.
Orange is the youngest word in the box
There is a reason this family is so heavily stocked with fruit, spices and minerals. Orange is the only basic color term in English named after an object, and it arrived late. The earliest recorded use of the word as a color in English is 1502, in a description of clothing bought for Margaret Tudor, with another early appearance in a 1512 will. Before the fruit reached England there was no dedicated word at all. Old English speakers used ġeolurēad, which means yellow-red.
Count the names on the list above and the fingerprints are everywhere: tangerine, apricot, peach, melon, mango, papaya, pumpkin, carrot, persimmon, saffron, cinnamon, ginger, butterscotch, chocolate, marigold, copper, bronze, rust, ochre, sienna, mahogany. Twenty-one of 75 names are the thing itself rather than a description of the color. A family that got its head word from a piece of fruit went on to name the rest of itself the same way.
This also explains the naming asymmetry with brown. In the standard account of how color vocabularies develop, brown enters a language before orange does. English had brown covering the dark end of this hue for centuries before orange showed up to claim the bright end, and by the time it arrived the territory below L* 44 was already taken. Orange did not fail to grow downward. It was born into a space that had already been fenced off.
Where orange stops and red starts
The other boundary is softer and the measurements show it leaking in both directions. Sunset orange at hue 32.9 and melon at hue 35.5 are both below pure sRGB red's hue of 40.0, which means two colors on an orange list are, by hue, redder than red itself. Vermilion appears on this list and on the red one. Tomato, coral and light salmon are claimed by three vocabularies each depending on which reference you consult.
The yellow boundary leaks the same way. Saffron at hue 87.0, sunglow at 86.6, amber at 82.9 and goldenrod at 82.9 are all closer to pure yellow than to pure red. Goldenrod is a CSS keyword that most people would describe as yellow without hesitating. Of the 75 names, 13 are nearer to a named yellow than they are to CSS orange, and 17 are nearer to a named red.
The reason the red end feels more contested than the yellow end is that sRGB red is not perceptually central to red at all. At hue 40.0 it is already a third of the way to orange, which is why the reds in that family have a circular mean hue of 30.1 and lean toward rust, vermilion and flame. Red and orange are not fighting over a boundary. They are overlapping.
Training your eye on the orange band
Orange is a deceptively hard family to reproduce from memory, and the numbers point at why. Most of the vocabulary is packed into 18 points of lightness between L* 60 and L* 78, and within that band the chroma ceiling barely moves, so nearly every name is competing for the same small volume of color space. Thirty-nine of the 75 names live there. The differences between tangerine, cadmium orange, princeton orange and UT orange are real, but they are small, and they are almost entirely in hue.
The main color memory game shows a target, takes it away, and asks you to rebuild it, which is where you find out how much of an orange you were actually holding on to rather than reconstructing from the word. Name That Color is the sharper test for this family in particular, because it forces exactly the boundary calls this article is about. Deciding whether #b06500 is a dark orange or a light brown is not a trivia question, it is the judgement the whole measurement above is describing. Hue Sort puts direct pressure on the hue axis, which is the axis carrying almost all the information in this family, and Hex Guesser is the one that will teach you why #ffa500 and #ff8000 are not the same color faster than any amount of reading.
On the theory side, the CIEDE2000 explainer covers what the ΔE figures above mean and why 2.3 keeps turning up. Warm and cool colors deals with the other place the color wheel promises a clean split and does not deliver one, and memory colors covers the related fact that people remember a carrot as more orange than any carrot has ever been.
What to take away
- The orange vocabulary has a floor at about L* 44, and at L* 51 if you exclude the names it shares with brown. Every other family runs 20 to 30 points darker.
- Brown and orange are the same hue. Circular means of 63.1 and 60.4, separated only by lightness and chroma. Darken #ffa500 and below L* 41.4 the nearest name is always a brown.
- Brown only exists relative to something brighter. There is no brown light, which is why there are no brown LEDs.
- The pale oranges are pale because the sRGB gamut collapses above L* 74, not because anyone chose gentle colors. Thirteen of the 16 sit at 97 percent or more of the maximum chroma available to them.
- #ffa500 is 1.7 degrees from the true perceptual midpoint of red and yellow. The intuitive #ff8000 is 11.5 degrees off. Do not interpolate colors in raw RGB.
- Orange is the youngest basic color word in English, first recorded in 1502, and 21 of the 75 names on the list are objects rather than color descriptions.
- Of 2,775 pairs only three fall below ΔE 1.0. The list is not padded.
How these numbers were produced
Every hex code was converted to linear RGB, then to CIE XYZ under a D65 white point, then to CIELAB, and the lightness, chroma and hue figures read off from there. Color differences use the full CIEDE2000 formula with all three weighting factors set to 1. Maximum chroma at a given lightness and hue was found by binary search on the sRGB gamut boundary, which is why those figures carry a decimal place. Circular means for hue are vector means, not arithmetic ones, because hue wraps at 360 and an arithmetic mean of angles either side of the wrap is meaningless.
The name lists are the CSS and X11 named colors plus shades that appear consistently across mainstream references with a settled hex value. Where sources disagree on a hex code, and they do more often than you would hope, I used the most widely cited value. That is a judgement call, and it is the reason every figure above is quoted alongside the hex code it came from rather than on its own.