HTML named color
OrangeRed color code
Use the OrangeRed HTML color with HEX #FF4500, RGB 255,69,0 and HSL 16,100%,50%. Copy CSS examples, shades and accessible contrast combinations.
Oranges
#FF4500
rgb(255,69,0)
HEX
#FF4500RGB
rgb(255,69,0)HSL
hsl(16,100%,50%)OKLCH
oklch(66.0% 0.229 35.4)CSS name
orangeredHow to use this color
OrangeRed can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.
CSS examples
.text-orange-red {
color: #FF4500;
}
.bg-orange-red {
background-color: orangered;
}
.border-orange-red {
border-color: rgb(255,69,0);
}Shades palette
#330E00#742002#B73506#F4490B#F47A4E#F6AD92#FADCD1