#FF8C00
darkorange
#FF8C00 is the CSS named color "darkorange", an exact match. In RGB it breaks down to red 255, green 140, and blue 0 out of 255 each. In HSL terms that's a hue of 33°, 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 | #ff8c00 |
| RGB | rgb(255, 140, 0) |
| HSL | hsl(33° 100% 50%) |
| HSB | hsb(33° 100% 100%) |
| OKLCH | oklch(75% 0.179 58°) |
| OKLAB | oklab(75% 0.094 0.152) |
| LCH | lch(70% 85.9 62°) |
| CMYK | cmyk(0% 45% 100% 0%) |
Shades (darker)
#ff8c00 · #ea7900 · #d56600 · #c15300 · #ac3f00
Tints (lighter)
#ff8c00 · #ff941a · #ff9c29 · #ffa436 · #ffac40
Shades mix #FF8C00 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: 2.33:1 — fails
On black: 9.00:1 — AAA
Frequently asked
- What is #FF8C00 in RGB?
- #FF8C00 is rgb(255, 140, 0) — red 255, green 140, blue 0 out of 255 each.
- Does #FF8C00 pass WCAG contrast on a white background?
- It has a contrast ratio of 2.33:1 against white, which fails for normal text.
- What's a good background color to pair with #FF8C00?
- Black text or a black background gives better contrast (9.00:1) than white (2.33:1).