#FFA500, what CSS calls orange and the shade this page opens on: full red, green at 165 of 255, blue dark. About 48 percent of white's light, more than twice what pure red gives.
The page's own dimmer, not your device's brightness.
This orange screen opens on orange, #FFA500. Seven more shades run from orange red to peach puff, and the dimmer shows where orange ends and brown begins.
Read the full guide
Orange color full screen in one press
1. Keep plain orange or pick another shade above the button.
2. Press Go full screen: the display fills with that orange.
3. For the next shade press the right arrow key, or tap the orange to bring back Exit full screen.
Which orange to pick
Plain orange leans toward yellow. Dark orange is redder: its red stays at full and only green drops. Orange red is the last step before red. For a soft orange take peach puff or light salmon.
Questions and answers
What is the hex code of this orange color screen?
#FFA500 is the color CSS names orange: red at 255, green at 165 and blue at 0. The page opens on it. Dark orange is #FF8C00 and orange red is #FF4500.
Which shade makes a bright orange screen?
Plain orange, #FFA500, the shade the page opens on. Of the three vivid oranges here, the ones with blue off, it gives the most light: about 48 percent of white's, against 40 for dark orange and 26 for orange red.
Can I use it as an orange screen light?
Yes. Full screen, the display glows orange at whatever brightness the device is set to. Orange red and dark orange give the deepest glow; peach puff gives the softest glow and the most light.
How does a screen make orange?
With full red light, green at about two thirds of its level and blue switched off. Lower the green and the orange turns red; raise it to full and it is yellow.
What is the difference between orange and brown?
Light. Brown is a dark orange. Pick dark orange here and slide Dimmer to 25 percent: the code reads #894800, which is a brown.
All 17 shades and notes
Oranges, from orange red to peach puff 8
Plain orange#FFA500, what CSS calls orange and the shade this page opens on: full red, green at 165 of 255, blue dark. About 48 percent of white's light, more than twice what pure red gives.
Dark orange#FF8C00: green lowered to 140 with red still full and blue dark. A redder orange than the plain one, at about 40 percent of white's light.
Orange red#FF4500: the nearest of the eight to pure red, and the dimmest, about 26 percent of white's light. Green is down to 69 of 255, so little is left to pull the red toward yellow.
Coral#FF7F50: orange red's hue, 16 degrees, softened by green at 127 and blue at 80. A pinkish orange at about 37 percent of white's light.
Light salmon#FFA07A: red full, green at 160 and blue at 122. A pale orange-pink at about 48 percent of white's light, almost as bright as plain orange with far less color.
Dark salmon#E9967A: red eased to 233 over green at 150 and blue at 122. A muted, dusty orange-pink at about 41 percent of white's light, with the lowest saturation on the page, 72 percent.
Sandy brown#F4A460, which CSS names sandybrown and other lists file with the browns: a pale orange-brown the color of sand, at hue 28. About 47 percent of white's light, close to plain orange.
Peach puff#FFDAB9: full red with green at 218 and blue at 185, about 75 percent of white's light. The palest and brightest shade here, an orange thinned most of the way to white.
Show all 17 shades and notes (9 more)
How a screen makes orange 3
Full red, part green, no bluePlain orange is red at 255, green at 165 and blue at 0. Green alone sets the shade: at 69 the field is orange red, at 140 dark orange, and at 255 it would be yellow. A display whose green is weak shows orange too red.
Blue off for the vivid oranges, on for the pale onesPlain orange, dark orange and orange red keep blue at 0. The other five light it: coral at 80, sandy brown at 96, light salmon and dark salmon at 122 and peach puff at 185. Blue is what moves them from vivid orange toward pink and peach.
Dim an orange far enough and it is brownPick dark orange and slide Dimmer to 25 percent: the code under the field reads #894800, a brown. Nothing changed but the amount of light: an orange made dark enough is the color people call brown.
Orange and its names 4
Orange was the seventeenth CSS color nameThe first version of CSS named sixteen colors, and orange was not one of them. CSS 2.1 added it as the seventeenth, with the code #FFA500 that this page opens on.
Dark orange keeps its red at full#FF8C00 keeps red at 255 and lowers only green, from 165 to 140, so it is a redder orange and gives a little less light, 40 percent against 48. Of the CSS names that begin with dark, it is the only one that leaves a channel at 255.
CSS orange sits nearer yellow than redHalfway between red and yellow on the color wheel is hue 30. Plain orange, #FFA500, sits at 39, on the yellow side. Dark orange is at 33, and orange red and coral, both at 16, are on the red side.
The color is named after the fruitEnglish took the color's name from the orange fruit. Before the fruit reached Europe the color had no name of its own and was called yellow-red. The earliest known use of orange as a color name in English dates from 1502.
Orange beside other colors 2
Painters set orange against bluePainters have long placed orange beside blue so that each looks brighter. On a screen the exact opposite of plain orange is #005AFF, an azure blue: the two codes add up to white.
An orange glow for autumn and HalloweenOrange is the color tied to autumn leaves, harvest and carved pumpkins. A tablet showing orange red or dark orange in a window, or behind a paper cut-out, gives that glow. Dimmer deepens it toward brown.
How this list was compiled: Shades and notes chosen and written for this page. Every hex value is a CSS named color, taken from the table of named colors at https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/named-color, read 2026-10-03; the hue and saturation quoted are worked out from the hex. The share of light printed for each shade is its relative luminance (0.2126 R + 0.7152 G + 0.0722 B on linear values, pure white as 100), worked out from the formulas at https://en.wikipedia.org/wiki/SRGB, read 2026-10-03. The eight shades are this page's choice among the named colors whose hue lies between 15 and 39 degrees; other lists file light salmon and dark salmon with the reds, peach puff with the yellows and sandy brown with the browns. That a screen makes orange from strong red light, weaker green light and no blue, that orange has a hue of 30 degrees halfway between red and yellow, that the color is named after the fruit, was called yellow-red before and is first recorded as a color name in English in 1502, that painters set orange against blue so that both look brighter, that its complement is azure, and that orange goes with autumn, harvest and Halloween pumpkins, is from https://en.wikipedia.org/wiki/Orange_(colour). That a dark orange is what is called brown is from https://en.wikipedia.org/wiki/Shades_of_orange. That the first level of CSS defined sixteen color names and orange was added afterward is from the MDN page above; that it was CSS 2.1 that added it, as a seventeenth, is from https://en.wikipedia.org/wiki/Web_colors. All three Wikipedia articles read 2026-10-03. Wikipedia text is under CC BY-SA 4.0 and is restated here in this site's own words. A color on a screen is not a match for paint, print or another screen, and nothing here is a measurement. Licence: own work