Dark Orange color values
| Format | Value |
|---|---|
| Hex | #FF8C00 |
| RGB | rgb(255, 140, 0) |
| HSL | hsl(33, 100%, 50%) |
| HSV | 33, 100%, 100% |
| CMYK (simple conversion) | 0%, 45%, 100%, 0% |
| Decimal | 16747520 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Dark Orange
Dark orange is a highly saturated, burnt orange shade that lacks the pastel quality of lighter oranges. It draws attention effectively in warning messages or prominent buttons. The hue reminds viewers of autumn leaves and citrus rinds. It is one of the 148 CSS named colors.
Shades and tints of Dark Orange
Tints mix Dark Orange with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #FF981A | #E67E00 |
| 20% | #FFA333 | #CC7000 |
| 30% | #FFAF4D | #B36200 |
| 40% | #FFBA66 | #995400 |
| 50% | #FFC680 | #804600 |
Color harmony for Dark Orange
These colors keep the same saturation and lightness as Dark Orange and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #0073FF |
| Analogous | #FF0C00 #F3FF00 |
| Triadic | #00FF8C #8C00FF |
| Split complementary | #00F2FF #0D00FF |
Contrast and accessibility
Contrast between #FF8C00 and white is 2.33:1 (fails). Against black it is 9.00:1 (passes AAA). For text on a Dark Orange background, black text is the more readable choice.
Use Dark Orange in CSS
.element {
color: darkorange;
background-color: #FF8C00;
border-color: rgb(255 140 0);
outline-color: hsl(33 100% 50%);
}All four lines produce exactly the same color. The keyword darkorange is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- Orange: #FFA500
- goldenrod: #DAA520
- Chocolate: #D2691E
- Orange Red: #FF4500
FAQ
What is the hex code for Dark Orange?
The hex code for Dark Orange is #FF8C00. As a CSS color keyword you can also write darkorange.
What is Dark Orange in RGB?
Dark Orange is rgb(255, 140, 0): red 255, green 140, blue 0 on the 0 to 255 scale.
What color is closest to Dark Orange?
Of the CSS named colors, orange (#FFA500) is the closest match to Dark Orange, followed by goldenrod and chocolate.
More colors
- Dark Magenta: previous page
- Dark Red: next page
- CSS named colors: the full list