#cc5500 (Burnt Orange) Color HTML CSS codes
| Hex Color Code | #cc5500 |
|---|---|
| RGB Color Code | rgb(204, 85, 0) |
| HSL Color Code | hsl(25, 100%, 40%) |
| CMYK Color Code | device-cmyk(0% 58% 100% 20%) |
| CSS Example code | body { background: #cc5500 } |
| Color Group | Orange |
| Complement | |
| Grayscale | #666666 |
| Color Name | Burnt Orange |
| RGB (Percent) | 80%, 33.33%, 0% |
| HSL (Natual Numbers) | 25, 100, 40 |
| HSL (Natual Numbers) | 0, 58, 100, 20 |
| HUE (Degree) | 25° |
| Brightness | 0.43 |
| Type | Dark (Brightness < 0.5) |
Darker | Lighter | Shades | Tones | Tints | How to Use | Description
Darker than #cc5500
Lighter than #cc5500
Shades of #cc5500
Tones of #cc5500
Tints of #cc5500
#cc5500 Color Harmonies
Complementary color scheme
Double Split Complementary color scheme
Rectangle color scheme
Split Complementary color scheme
Tetradic color scheme
Triadic color scheme
How to Use Color #cc5500
Text / Font Color:
color: #cc5500;
Example text using the color #cc5500.
Background Color:
background-color: #cc5500;
Border Color:
border-color: #cc5500;
Box Shadow Color:
box-shadow: 2px 2px 4px #cc5500;
Text Shadow Color:
text-shadow: 1px 1px 3px #cc5500;
Example text shadow using the color #cc5500.
Color #cc5500 Description
The #cc5500 HTML color is made up of 204 Red, 85 Green, and 0 Blue. This color is often called by name Burnt Orange. The hue is at 25 degrees, with a saturation value at 100 percent and a lightness value of 40 percent.
Therefore, this color can be considered to be Dark.
In the CMYK color model (used in the printing process), the composition is 0% Cyan, 58% Magenta, 100% Yellow, and 20% key (black). Colors that looks similar: #cc0011, #cc5500, #ccbb00. May be found within the Orange Color Codes Group.
Note: Color names are subjective, therefore, a single name could potentially represent a multitude of HEX color values.