What colors go well with burnt orange?

Burnt Orange pairs with its complementary colour #0077CC and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Burnt Orange Color — Hex Code #CC5500, RGB, Palettes & CSS

Q: What is the hex code for burnt orange?

Burnt Orange is commonly #CC5500, which is rgb(204, 85, 0). Like most descriptive colour names it covers a small range, but this is a widely used value.

Burnt Orange colour codes

Hex

#CC5500

RGB

rgb(204, 85, 0)

HSL

hsl(25, 100%, 40%)

HSV

hsv(25, 100%, 80%)

OKLCH

oklch(0.59 0.17 45)

CMYK

cmyk(0%, 58%, 100%, 20%)

Complementary palette

Burnt Orange with its opposite on the colour wheel.

#CC5500

rgb(204, 85, 0)

#0077CC

rgb(0, 119, 204)

Triad palette

Burnt Orange with two evenly-spaced partners.

#CC5500

rgb(204, 85, 0)

#00CC55

rgb(0, 204, 85)

#5500CC

rgb(85, 0, 204)

Monochromatic palette

Lighter and darker versions of burnt orange at the same hue.

#69320A

rgb(105, 50, 10)

#91450F

rgb(145, 69, 15)

#BA5813

rgb(186, 88, 19)

#D96716

rgb(217, 103, 22)

Lighter tints

Burnt Orange toward white.

#CC5500

rgb(204, 85, 0)

#D36D24

rgb(211, 109, 36)

#DB8649

rgb(219, 134, 73)

#E29E6D

rgb(226, 158, 109)

#E9B692

rgb(233, 182, 146)

#F0CEB6

rgb(240, 206, 182)

#F8E7DB

rgb(248, 231, 219)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Burnt Orange toward black.

#CC5500

rgb(204, 85, 0)

#AF4900

rgb(175, 73, 0)

#923D00

rgb(146, 61, 0)

#753100

rgb(117, 49, 0)

#572400

rgb(87, 36, 0)

#3A1800

rgb(58, 24, 0)

#1D0C00

rgb(29, 12, 0)

#000000

rgb(0, 0, 0)

About burnt orange

A deep, earthy orange. Warm and autumnal, it is a staple of retro and fall palettes. The value shown here (#CC5500) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with burnt orange

The complementary colour (#0077CC) sits opposite burnt orange on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using burnt orange in your design

For CSS, paste #CC5500 or the oklch(0.59 0.17 45) value, or download the ready-made burnt-orange.css file above — it includes a full 50–950 token scale. Always check contrast before using burnt orange behind text.

What is the hex code for burnt orange?

Burnt Orange is commonly #CC5500 (rgb(204, 85, 0)). It covers a small range, but this is a widely used value.

What colours go well with burnt orange?

Its complementary colour #0077CC and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Burnt Orange colour

Burnt Orange colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About burnt orange

Palettes that work with burnt orange

Using burnt orange in your design

Popular colours

Color tools