Orange Red #FF4500

Orange Red#FF4500 · rgb(255, 69, 0)

Orange Red color codes

CSS nameorangered
HEX#FF4500
RGBrgb(255, 69, 0)
HSLhsl(16, 100%, 50%)
CMYKcmyk(0%, 73%, 100%, 0%)
Decimal16729344

Shades of Orange Red (darker)

#E63E00 · #CC3700 · #B33000 · #992900 · #802300 · #661C00 · #4D1500 · #330E00 · #1A0700

Tints of Orange Red (lighter)

#FF581A · #FF6A33 · #FF7D4D · #FF8F66 · #FFA280 · #FFB599 · #FFC7B3 · #FFDACC · #FFECE6

Color harmonies

Complementary
#00BBFF
Triadic
#00FF44, #4400FF
Analogous
#FF003C, #FFC300

Accessibility (WCAG contrast)

White text on Orange Red3.44:1 · AA large text only
Black text on Orange Red6.10:1 · AA

Use Orange Red in code

.element {
  color: orangered;          /* or #ff4500 */
  background-color: rgb(255 69 0 / 0.5);
}

Frequently asked questions

What is the hex code for Orange Red?

Orange Red is #FF4500 in HEX, rgb(255, 69, 0) in RGB and hsl(16, 100%, 50%) in HSL.

Can I use "orangered" directly in CSS?

Yes. "orangered" is one of the 148 standard CSS named colors, so color: orangered; works in every browser.

Is Orange Red readable on white?

The contrast ratio of Orange Red on white is 3.44:1 (WCAG AA large text only). On black it is 6.10:1 (AA).

What is the complementary color of Orange Red?

The complementary color (opposite on the color wheel) is #00BBFF.

Similar colors

Chocolate#D2691ERed#FF0000Dark Orange#FF8C00Tomato#FF6347Crimson#DC143CFire Brick#B22222Orange#FFA500Dark Goldenrod#B8860B

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.