Orange family
Burnt Orange color
A rich brown with warm undertones. The reference burnt orange is #CC5500, as defined by the Color Names (meodai).
| HEX | #CC5500 | |
|---|---|---|
| RGB | rgb(204, 85, 0) | |
| HSL | hsl(25, 100%, 40%) | |
| HSV | hsv(25, 100%, 80%) | |
| OKLCH | oklch(59.5% 0.169 45.5) | |
| CMYK* | 0, 58, 100, 20 |
* CMYK is a simple conversion without a print profile; ask your printer for exact values.
What color is burnt orange?
Burnt orange is a deep orange darkened toward brown, as if the colour had been scorched. It became a popular name in the 20th century and is a fixture of autumn and 1970s palettes. The xkcd survey version is a little darker and redder than the Color Names one.
Burnt Orange hex codes by source
Color names are not standardized, so the same name can point to different colors. Here is every definition of burnt orange in our three sources, with how close each one is to the reference.
| Name | HEX | Source | Compared with the reference |
|---|---|---|---|
| Burnt Orange | #C04E01 | xkcd Color Survey | Very close · 88% similar |
| Burnt Orange | #CC5500 | Color Names (meodai) | Reference shown on this page |
Burnt Orange vs Rust
#CC5500
#A83C09
Rust is redder and darker; burnt orange keeps more of its orange brightness. In numbers: the two are 62% similar (OKLab distance 0.094). See Rust for its own codes.
Colors similar to burnt orange
The closest named colors to #CC5500 across all three sources, with their similarity in OKLab.
Tints and shades of burnt orange
The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.
Colors that go with burnt orange
Classic color-wheel combinations built on #CC5500, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.
Complementary
Analogous
Triadic
Split complementary
Burnt Orange with white and black text
WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a burnt orange background, black text is the better choice.
Use burnt orange in CSS
.burnt-orange {
color: #CC5500;
/* or */ color: rgb(204 85 0);
/* or */ color: hsl(25 100% 40%);
/* or */ color: oklch(59.5% 0.169 45.5);
}