Orange red color: code #FF4500
Orange red
#FF4500
Color codes
- HEX
#FF4500 - RGB
rgb(255, 69, 0) - HSL
hsl(16, 100%, 50%) - HSV
hsv(16, 100%, 100%) - CMYK
cmyk(0%, 73%, 100%, 0%) - LAB
lab(57.6% 67.8 69) - OKLCH
oklch(66% 0.229 35.4)
About the color Orange red
Orange red has the HEX code #FF4500, which corresponds to rgb(255, 69, 0) in the RGB model. On the color wheel its hue sits at 16°, with 100% saturation and 50% lightness (hsl(16, 100%, 50%)).
Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.
As a background it calls for dark text: black reaches a 6.10:1 contrast ratio on it, versus 3.44:1 for white.
For print, the approximate conversion is cmyk(0%, 73%, 100%, 0%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Orange red
Complementary
#FF4500 · #00BBFF
Analogous
#FF003C · #FF4500 · #FFC400
Triadic
#FF4500 · #00FF44 · #4400FF
Tetradic
#FF4500 · #3CFF00 · #00BBFF · #C400FF
Split-complementary
#FF4500 · #00FFC4 · #003CFF
Monochromatic
#802200 · #CC3600 · #FF4500 · #FF7C4D · #FFB499
Orange red with white and black text
How to use it in CSS
:root {
--color-orange-red: #FF4500;
--color-orange-red-rgb: 255, 69, 0;
}
.elemento {
background-color: var(--color-orange-red);
color: #000000;
}