HTML named color
DarkOrange color code
Use the DarkOrange HTML color with HEX #FF8C00, RGB 255,140,0 and HSL 33,100%,50%. Copy CSS examples, shades and accessible contrast combinations.
Oranges
#FF8C00
rgb(255,140,0)
HEX
#FF8C00RGB
rgb(255,140,0)HSL
hsl(33,100%,50%)OKLCH
oklch(75.1% 0.179 58.3)CSS name
darkorangeHow to use this color
DarkOrange 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-dark-orange {
color: #FF8C00;
}
.bg-dark-orange {
background-color: darkorange;
}
.border-dark-orange {
border-color: rgb(255,140,0);
}Shades palette
#331C00#744002#B76706#F48B0B#F4A94E#F6C992#FAE8D1