Orange Red hex code
The hex code for orange red is #FF4500. In RGB that is rgb(255, 69, 0) and in HSL it is hsl(16, 100%, 50%).
The hex code for orange red is #FF4500. In RGB that is rgb(255, 69, 0) and in HSL it is hsl(16, 100%, 50%).
Orange Red · #FF4500
Colour codes
- HEX
- #FF4500
- RGB
- rgb(255, 69, 0)
- HSL
- hsl(16, 100%, 50%)
- CMYK
- 0, 73, 100, 0
- CSS name
- orangered
- Contrast on white
- 3.44:1
- Contrast on black
- 6.10:1
Tints and shades
20% lighter · #ff6a33
40% lighter · #ff8f66
60% lighter · #ffb599
80% lighter · #ffdacc
20% darker · #cc3700
40% darker · #992900
60% darker · #661c00
80% darker · #330e00
Complementary colour
Orange Red · #FF4500
Opposite on the colour wheel · #00bbff
Frequently asked questions
What is the hex code for orange red?
The hex code for orange red is #FF4500. In RGB that is rgb(255, 69, 0) and in HSL it is hsl(16, 100%, 50%).
Can I use orange red for text?
It has a contrast ratio of 3.44:1 on white and 6.10: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 red?
Its complementary colour, opposite on the colour wheel, is #00BBFF. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of orange red instead.
Is orange red a CSS colour name?
Yes. CSS accepts the keyword orangered, so color: orangered and color: #FF4500 render exactly the same.