Orange color values
| Format | Value |
|---|---|
| Hex | #FFA500 |
| RGB | rgb(255, 165, 0) |
| HSL | hsl(39, 100%, 50%) |
| HSV | 39, 100%, 100% |
| CMYK (simple conversion) | 0%, 35%, 100%, 0% |
| Decimal | 16753920 |
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 Orange
This bright, warm hue sits between red and yellow on the visible spectrum. It draws immediate attention, so designers use it for call to action buttons and warning indicators. The color evokes citrus fruit, autumn leaves, and high energy. It is one of the 148 CSS named colors.
Shades and tints of Orange
Tints mix 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% | #FFAE1A | #E69500 |
| 20% | #FFB733 | #CC8400 |
| 30% | #FFC04D | #B37300 |
| 40% | #FFC966 | #996300 |
| 50% | #FFD280 | #805300 |
Color harmony for Orange
These colors keep the same saturation and lightness as Orange and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #005AFF |
| Analogous | #FF2500 #DAFF00 |
| Triadic | #00FFA5 #A500FF |
| Split complementary | #00DAFF #2500FF |
Contrast and accessibility
Contrast between #FFA500 and white is 1.97:1 (fails). Against black it is 10.63:1 (passes AAA). For text on a Orange background, black text is the more readable choice.
Use Orange in CSS
.element {
color: orange;
background-color: #FFA500;
border-color: rgb(255 165 0);
outline-color: hsl(39 100% 50%);
}All four lines produce exactly the same color. The keyword orange is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- Dark Orange: #FF8C00
- goldenrod: #DAA520
- gold: #FFD700
- darkgoldenrod: #B8860B
FAQ
What is the hex code for Orange?
The hex code for Orange is #FFA500. As a CSS color keyword you can also write orange.
What is Orange in RGB?
Orange is rgb(255, 165, 0): red 255, green 165, blue 0 on the 0 to 255 scale.
What color is closest to Orange?
Of the CSS named colors, darkorange (#FF8C00) is the closest match to Orange, followed by goldenrod and gold.
More colors
- Olive Drab: previous page
- Orange Red: next page
- CSS named colors: the full list