Orange hex code
The hex code for orange is #FFA500. In RGB that is rgb(255, 165, 0) and in HSL it is hsl(39, 100%, 50%).
The hex code for orange is #FFA500. In RGB that is rgb(255, 165, 0) and in HSL it is hsl(39, 100%, 50%).
Orange · #FFA500
Colour codes
- HEX
- #FFA500
- RGB
- rgb(255, 165, 0)
- HSL
- hsl(39, 100%, 50%)
- CMYK
- 0, 35, 100, 0
- CSS name
- orange
- Contrast on white
- 1.97:1
- Contrast on black
- 10.63:1
Tints and shades
20% lighter · #ffb733
40% lighter · #ffc966
60% lighter · #ffdb99
80% lighter · #ffedcc
20% darker · #cc8400
40% darker · #996300
60% darker · #664200
80% darker · #332100
Complementary colour
Orange · #FFA500
Opposite on the colour wheel · #0059ff
Frequently asked questions
What is the hex code for orange?
The hex code for orange is #FFA500. In RGB that is rgb(255, 165, 0) and in HSL it is hsl(39, 100%, 50%).
Can I use orange for text?
It has a contrast ratio of 1.97:1 on white and 10.63: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 orange?
Its complementary colour, opposite on the colour wheel, is #0059FF. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of orange instead.
Is orange a CSS colour name?
Yes. CSS accepts the keyword orange, so color: orange and color: #FFA500 render exactly the same.