CSS named color
OrangeRed
#FF4500
HEX
#ff4500RGB
rgb(255, 69, 0)HSL
hsl(16, 100%, 50%)OKLCH
oklch(66.02% 0.2294 35.40)NAME
orangeredPalette
Complementary
180° on the color wheelComplement
#00BBFF
Analogous
±30° around the base hueLeft
#FF003B
Right
#FFC300
Triadic
±120° for harmonic contrastTriad 1
#00FF44
Triad 2
#4400FF
Shades
Lighter and darker variantsCSS usage
By name
color: orangered;
background-color: orangered;By HEX
color: #ff4500;
background-color: #ff4500;By RGB
color: rgb(255, 69, 0);
background-color: rgb(255, 69, 0);By HSL
color: hsl(16, 100%, 50%);
background-color: hsl(16, 100%, 50%);WCAG contrast vs white
Aa
3.44:1
AA (large text)
WCAG contrast vs black
Aa
6.10:1
AA
Related colors
FAQ — OrangeRed
What is the HEX code for OrangeRed?
The HEX code for OrangeRed is #FF4500. It's one of the 148 named CSS colors and can be used directly in CSS as color: orangered; or color: #ff4500;
What is OrangeRed in RGB?
OrangeRed in RGB is rgb(255, 69, 0) — red 255, green 69, blue 0.
What is OrangeRed in HSL?
OrangeRed in HSL is hsl(16, 100%, 50%) — hue 16°, saturation 100%, lightness 50%.
What is the complementary color of OrangeRed?
The complementary color (directly opposite OrangeRed on the color wheel) is #00BBFF. The two together produce maximum contrast.
Is white text readable on OrangeRed?
The WCAG contrast ratio against white (#FFFFFF) is 3.44:1, and against black (#000000) it's 6.10:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.