Orange Red color values
| Format | Value |
|---|---|
| Hex | #FF4500 |
| RGB | rgb(255, 69, 0) |
| HSL | hsl(16, 100%, 50%) |
| HSV | 16, 100%, 100% |
| CMYK (simple conversion) | 0%, 73%, 100%, 0% |
| Decimal | 16729344 |
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 Red
A vivid blend of orange and red, this intense color commands visual focus. UI designers apply it to highlight critical alerts or energetic brand identities. It suggests heat, fire, and urgency without being as stark as pure red. It is one of the 148 CSS named colors.
Shades and tints of Orange Red
Tints mix Orange Red 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% | #FF581A | #E63E00 |
| 20% | #FF6A33 | #CC3700 |
| 30% | #FF7D4D | #B33000 |
| 40% | #FF8F66 | #992900 |
| 50% | #FFA280 | #802300 |
Color harmony for Orange Red
These colors keep the same saturation and lightness as Orange Red and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #00BAFF |
| Analogous | #FF003B #FFC500 |
| Triadic | #00FF45 #4500FF |
| Split complementary | #00FFC5 #003AFF |
Contrast and accessibility
Contrast between #FF4500 and white is 3.44:1 (large text only). Against black it is 6.10:1 (passes AA). For text on a Orange Red background, black text is the more readable choice.
Use Orange Red in CSS
.element {
color: orangered;
background-color: #FF4500;
border-color: rgb(255 69 0);
outline-color: hsl(16 100% 50%);
}All four lines produce exactly the same color. The keyword orangered is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- Chocolate: #D2691E
- Red: #FF0000
- Dark Orange: #FF8C00
- Tomato: #FF6347
FAQ
What is the hex code for Orange Red?
The hex code for Orange Red is #FF4500. As a CSS color keyword you can also write orangered.
What is Orange Red in RGB?
Orange Red is rgb(255, 69, 0): red 255, green 69, blue 0 on the 0 to 255 scale.
What color is closest to Orange Red?
Of the CSS named colors, chocolate (#D2691E) is the closest match to Orange Red, followed by red and darkorange.
More colors
- Orange: previous page
- Orchid: next page
- CSS named colors: the full list