#CC5500 · Burnt Orange
Click to copy#CC5500 is a medium, highly saturated orange color, closest to Burnt Orange and near Cinnamon and Mahogany. In OKLCH it has 59% lightness and 0.17 chroma at hue 45°. Orange suggests warmth, friendliness and optimism; it feels approachable and playful, which makes #CC5500 a natural choice for buttons, food packaging, kids and outdoor brands.
Color codes click to copy
HEX
#CC5500RGB
rgb(204, 85, 0)HSL
hsl(25, 100%, 40%)CMYK
0, 58, 100, 20CSS var
--burnt-orangeContrast
4.31:1 white · 4.87:1 blackSimilar named colors
How to use #CC5500
Black text passes WCAG AA on #CC5500 (4.87:1); white text does not (4.31:1).
For a calm scheme pair #CC5500 with its analogous neighbors #CC0011 and #CCBB00; for contrast use its complement #0077CC as a small accent, and anchor everything with a neutral such as #F5F5F7.
--burnt-orange: #CC5500;
$burnt-orange: #CC5500;
colors: { 'burnt-orange': '#CC5500' }