OrangeRed Color — HEX, RGB, HSL, Palettes & Contrast

OrangeRed (#ff4500): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#ff4500
HEX #ff4500
RGB rgb(255, 69, 0)
HSL 16°, 100%, 50%

Use OrangeRed in Your Projects

About OrangeRed Color

OrangeRed is a vivid, intense red-orange that commands immediate attention. It is used for urgent CTAs, warning signals, and high-energy sports brands.

Use Cases for OrangeRed

urgent CTAswarning signalssports brandssale badgeshigh-energy design

Shades & Tints of OrangeRed

#ffffff
#ffd1bf
#ffa280
#ff7440
#ff4500
#bf3400
#802300
#401100
#000000

Complementary Color

#ff4500
#00bbff

Analogous Colors

#ff003c
#ff4500
#ffc400

Triadic Colors

#ff4500
#00ff44
#4400ff

Split Complementary

#ff4500
#00ffc3
#003cff

Tetradic Colors

#ff4500
#bbff00
#00bbff
#4400ff

CSS Code

.orangered-color {
  color: #ff4500;
  background-color: #ff4500;
}

/* As a CSS custom property */
:root {
  --color-orangered: #ff4500;
}

Accessibility Score

75 / 100
Rating: Good
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on OrangeRed
Ratio: 6.1:1 ✓ Passes AA ✗ Fails AAA
White text on OrangeRed
Ratio: 3.44:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is OrangeRed?

OrangeRed is represented by the hex code #ff4500 and has RGB values of rgb(255, 69, 0). It falls under the Orange category.

How to use OrangeRed in web design?

OrangeRed works well for urgent CTAs, warning signals, sports brands. OrangeRed is a vivid, intense red-orange that commands immediate attention. It is used for urgent CTAs, warning signals, and high-energy sports brands. Use it as a primary color, accent, or background depending on your design needs.

What colors go with OrangeRed?

Colors that pair well with OrangeRed include tomato, darkorange, red, coral, red. For a complementary scheme, try #00bbff. For an analogous scheme, use #ff003c and #ffc400. For a triadic scheme, combine with #00ff44 and #4400ff.