#FF4500
orangered
#FF4500 is the CSS named color "orangered", an exact match. In RGB it breaks down to red 255, green 69, and blue 0 out of 255 each. In HSL terms that's a hue of 16°, 100% saturation, and 50% lightness: a mid-tone — usable as an accent for buttons, links, and icons against either a light or dark background.
Every format
| HEX | #ff4500 |
| RGB | rgb(255, 69, 0) |
| HSL | hsl(16° 100% 50%) |
| HSB | hsb(16° 100% 100%) |
| OKLCH | oklch(66% 0.229 35°) |
| OKLAB | oklab(66% 0.187 0.133) |
| LCH | lch(59% 99.0 46°) |
| CMYK | cmyk(0% 73% 100% 0%) |
Shades (darker)
#ff4500 · #eb2e00 · #d80c00 · #c50000 · #b10000
Tints (lighter)
#ff4500 · #ff521b · #ff5f2c · #ff6b3a · #ff7746
Shades mix #FF4500 toward black in even steps, useful for hover and pressed states in a UI; tints mix it toward white, useful for subtle backgrounds and disabled states that still read as the same color family.
On white: 3.44:1 — AA (large text only)
On black: 6.10:1 — AA
Frequently asked
- What is #FF4500 in RGB?
- #FF4500 is rgb(255, 69, 0) — red 255, green 69, blue 0 out of 255 each.
- Does #FF4500 pass WCAG contrast on a white background?
- It has a contrast ratio of 3.44:1 against white, which passes WCAG AA (large text only) for normal text.
- What's a good background color to pair with #FF4500?
- Black text or a black background gives better contrast (6.10:1) than white (3.44:1).