Burnt orange
#CC5500
Burnt orange (#CC5500) is a medium, vivid orange colour, warm. In RGB it is 204 red, 85 green and 0 blue; in HSL its hue is 25°, its saturation 100% and its lightness 40%. For print, its CMYK mix is 0% cyan, 58% magenta, 100% yellow and 20% black, though printed colours vary with paper and ink.
Orange feels friendly, playful and good value. It is warm like red but less aggressive, so brands use it to look approachable and to make buttons stand out.
Text on burnt orange
White text on burnt orange has a contrast ratio of 4.31:1 and passes AA for large text only; black text has 4.87:1 and passes AA. Black text is the better choice on it. Check other pairs in the contrast checker.
White text · 4.31:1
Black text · 4.87:1
Tints and shades of burnt orange
Colour palettes with burnt orange
Brands with a burnt orange logo
Brand colours close to #CC5500, from our Brand Colour Index.
Colours similar to burnt orange
Use burnt orange in CSS
.button {
background-color: #CC5500;
color: #000000;
}Make a full Tailwind scale from it with the Tailwind shades generator, or see more shades of orange.