burnt orange Color Codes
Color Preview
Burnt Orange Color Codes
Related Colors
Complementary
#33aaff
Analogous
hsl(55, 100%, 40%)
hsl(355, 100%, 40%)
Triadic
hsl(145, 100%, 40%)
hsl(265, 100%, 40%)
Tetradic
hsl(115, 100%, 40%)
hsl(205, 100%, 40%)
hsl(295, 100%, 40%)
HTML Snippets
.element { background-color: #CC5500; }.element { color: #CC5500; }This is how the text color would appear.
<span style="color: #CC5500;">Colored text</span>This text has an inline style applied.
Accessibility
Contrast Ratios
Black4.87 (AA)
White4.31 (AA Large)
Shades of Burnt Orange
hsl(25, 100%, 10%)
hsl(25, 100%, 25%)
#CC5500
hsl(25, 100%, 55%)
hsl(25, 100%, 70%)
Color Blindness Simulations
Protanopia (Red-Blind)
#989731
Deuteranopia (Green-Blind)
#9fa83d
Tritanopia (Blue-Blind)
#c6898e
Related Palettes
This color is not part of any predefined palettes.
About burnt orange
burnt orange (#CC5500) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.