Dark Orange hex code
The hex code for dark orange is #FF8C00. In RGB that is rgb(255, 140, 0) and in HSL it is hsl(33, 100%, 50%).
The hex code for dark orange is #FF8C00. In RGB that is rgb(255, 140, 0) and in HSL it is hsl(33, 100%, 50%).
Dark Orange · #FF8C00
Colour codes
- HEX
- #FF8C00
- RGB
- rgb(255, 140, 0)
- HSL
- hsl(33, 100%, 50%)
- CMYK
- 0, 45, 100, 0
- CSS name
- darkorange
- Contrast on white
- 2.33:1
- Contrast on black
- 9.00:1
Tints and shades
20% lighter · #ffa333
40% lighter · #ffba66
60% lighter · #ffd199
80% lighter · #ffe8cc
20% darker · #cc7000
40% darker · #995400
60% darker · #663800
80% darker · #331c00
Complementary colour
Dark Orange · #FF8C00
Opposite on the colour wheel · #0073ff
Frequently asked questions
What is the hex code for dark orange?
The hex code for dark orange is #FF8C00. In RGB that is rgb(255, 140, 0) and in HSL it is hsl(33, 100%, 50%).
Can I use dark orange for text?
It has a contrast ratio of 2.33:1 on white and 9.00:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with dark orange?
Its complementary colour, opposite on the colour wheel, is #0073FF. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of dark orange instead.
Is dark orange a CSS colour name?
Yes. CSS accepts the keyword darkorange, so color: darkorange and color: #FF8C00 render exactly the same.