- No data uploaded
- Instant results
Dark Orange — #FF8C00
Dark Orange is the CSS named colour darkorange, hex #FF8C00. It has a contrast ratio of 2.33:1 on white and 9.00:1 on black — best used as text on dark backgrounds.
Dark Orange — #FF8C00
Contrast on white 2.33:1 · on black 9.00:1
Tints
Shades
Complementary
Triadic
Analogous
Using Dark Orange in code
CSS: color: darkorange; or color: #FF8C00; · Tailwind: text-[#FF8C00] · Android/Flutter: 0xFFFF8C00
Dark Orange colour harmonies
Complementary: #0073FF · Triadic: #00FF8C, #8C00FF · Analogous: #FF0C00, #F3FF00. Use tints for backgrounds and shades for hover states.
Dark Orange in every colour format
| Format | Value |
|---|---|
| HEX | #FF8C00 |
| RGB | rgb(255, 140, 0) |
| HSL | hsl(33, 100%, 50%) |
| HSV | hsv(33, 100%, 100%) |
| CMYK | cmyk(0%, 45%, 100%, 0%) |
| CSS name | darkorange |
| Contrast on white | 2.33:1 |
| Contrast on black | 9.00:1 |
Frequently asked questions
What is the hex code for Dark Orange?
#FF8C00 (CSS name: darkorange).
What is Dark Orange in RGB?
rgb(255, 140, 0)
What colour goes well with Dark Orange?
Its complementary colour #0073FF, or the analogous #FF0C00 and #F3FF00.