Color meaning

Burnt Orange

Introducing Burnt Orange (#CC5500), a deep, smoky shade. Its warm autumnal intensity gives storefronts a bold, seasonal character, while its saturated punch makes it a strong pick for sale banners, checkout CTAs, and fall collections that want to feel rich rather than loud.

#CC5500HSL 25, 100%, 40%

Burnt Orange code conversions

HEX
#CC5500
RGB
rgb(204, 85, 0)
HSL
hsl(25, 100%, 40%)
HSB
hsb(25, 100%, 80%)
CMYK
cmyk(0%, 58%, 100%, 20%)

Burnt Orange color harmonies

Analogous

Neighbors on the color wheel: a calm, low-contrast set that reads as one family.

Complementary

The hue directly opposite: maximum contrast for an accent that pops.

Split Complementary

The complement's two neighbors: strong contrast with less tension than a straight complement.

Triadic

Three hues evenly spaced: balanced and vivid without a single dominant color.

Tetradic

Two complementary pairs: a rich four-color scheme that needs one color to lead.

Square

Four hues evenly spaced: bold and balanced, best with one anchor and three accents.

Burnt Orange contrast

Your catchy large text

Small body copy sitting on Burnt Orange.

4.31:1White textAA failAAA fail

Your catchy large text

Small body copy sitting on Burnt Orange.

4.38:1Black textAA failAAA fail

Burnt Orange color variations

Shades

Mixed toward black: deeper steps for backgrounds and hover states.

Tints

Mixed toward white: softer steps for surfaces and disabled states.

Tones

Mixed toward gray: muted, sophisticated steps that lower the intensity.

Hues

Rotated around the wheel: related hues at the same lightness and saturation.

Brands that use colors like Burnt Orange

Matched by color distance against real palettes extracted from live storefronts.

Puma
#cc192b

Related orange colors

TerracottaPeach

Burnt Orange: frequently asked

What color is Burnt Orange?

Burnt Orange (#CC5500) is a dark, reddish orange with a scorched, earthy depth. In e-commerce interfaces it reads as warm and assertive, sitting between a bright tangerine and a deep rust brown.

What is the meaning of Burnt Orange?

Burnt Orange signals warmth, harvest, and grounded energy. Brands reach for it when they want customers to feel cozy urgency at the point of browsing seasonal sales, artisanal goods, or autumn apparel.

How do I use Burnt Orange (#CC5500) in e-commerce design?

Use Burnt Orange for primary buttons, sale tags, and category headers, and pair it with cream or slate to keep it from feeling heavy. Reserve saturated fills for where you want action, letting neutrals carry the surrounding layout.

Using Burnt Orange color codes

Copy Burnt Orange (#CC5500) in HEX, RGB, HSL, HSB, and CMYK below to match it across web store, app, and packaging.

Colors are just the start

See these colors at work in real, looping storefront captures. The whole library is free to browse.

Browse the librarySee pricing

Free to browse · Pro unlocks the MCP