- No data uploaded
- Instant results
Orange Red — #FF4500
Orange Red is the CSS named colour orangered, hex #FF4500. It has a contrast ratio of 3.44:1 on white and 6.10:1 on black — best used as text on dark backgrounds.
Orange Red — #FF4500
Contrast on white 3.44:1 · on black 6.10:1
Tints
Shades
Complementary
Triadic
Analogous
Using Orange Red in code
CSS: color: orangered; or color: #FF4500; · Tailwind: text-[#FF4500] · Android/Flutter: 0xFFFF4500
Orange Red colour harmonies
Complementary: #00BAFF · Triadic: #00FF45, #4500FF · Analogous: #FF003B, #FFC400. Use tints for backgrounds and shades for hover states.
Orange Red in every colour format
| Format | Value |
|---|---|
| HEX | #FF4500 |
| RGB | rgb(255, 69, 0) |
| HSL | hsl(16, 100%, 50%) |
| HSV | hsv(16, 100%, 100%) |
| CMYK | cmyk(0%, 73%, 100%, 0%) |
| CSS name | orangered |
| Contrast on white | 3.44:1 |
| Contrast on black | 6.10:1 |
Frequently asked questions
What is the hex code for Orange Red?
#FF4500 (CSS name: orangered).
What is Orange Red in RGB?
rgb(255, 69, 0)
What colour goes well with Orange Red?
Its complementary colour #00BAFF, or the analogous #FF003B and #FFC400.