Orangered Color

CSS Name orangered
HEX #FF4500
RGB rgb(255, 69, 0)
HSL hsl(16, 100%, 50%)
CMYK cmyk(0%, 73%, 100%, 0%)

About Orangered

Orangered is one of the 148 CSS named colors recognized by all modern browsers. You can use it in CSS by name (color: orangered;) or by its HEX code (color: #FF4500;).

This shade is generally considered a mid-tone color. That makes it useful for designers who need to quickly judge whether the color is better suited for backgrounds, accents, borders, or text treatments before moving it into a real interface.

Usage in CSS

.element {
  color: orangered;
  /* or */
  color: #FF4500;
  /* or */
  color: rgb(255, 69, 0);
}

Design Notes

Orangered often works best with white text, pale neutrals, or light UI accents. If you are building UI components, presentations, dashboards, or brand materials, test the color in context rather than relying only on the raw HEX code because spacing, typography, and surrounding colors can change how the final shade feels.

It can also help to compare Orangered with nearby named colors before locking in a palette. Similar colors may have the same overall tone but very different saturation or lightness, which affects readability, hierarchy, and perceived brand personality.

Frequently Asked Questions

What is the HEX code for Orangered?

The HEX code for Orangered is #FF4500.

What is the RGB value of Orangered?

The RGB value is rgb(255, 69, 0).

Browse More Named Colors