Burnt Orange Color Code

HEX

#CC5500

RGB

rgb(204, 85, 0)

HSL

hsl(25, 100%, 40%)

CMYK

0%, 58%, 100%, 20%

About Burnt Orange

Burnt orange is a rich and warm shade that combines the vibrant energy of orange with a hint of brown, giving it a deep, earthy quality. This color evokes feelings of warmth, comfort, and creativity, making it a popular choice in various design contexts.

Psychology

Burnt Orange is known to:

  • Inspire creativity and enthusiasm
  • Evoke feelings of warmth and comfort
  • Stimulate appetite and social interaction

Usage

This versatile color works well in:

  • Branding and marketing for food and beverage industries
  • Interior design, particularly in cozy and inviting spaces
  • Fashion, especially in autumn collections
  • Graphic design to create visual interest and focus

Combinations

Burnt Orange pairs beautifully with:

  • Teal ( #008080 )
  • Cream ( #FFFDD0 )
  • Dark Brown ( #4E3B31 )
  • Olive Green ( #3C3D25 )
  • Charcoal Gray ( #36454F )

Burnt Orange shades and tints

Shade · 1

Shade · 2

Shade · 3

Tint · 4

Tint · 5

Tint · 6

Colors related to Burnt Orange

Complementary

hsl(205, 100%, 40%)

Analogous

hsl(55, 100%, 40%)

Triadic

hsl(145, 100%, 40%)

Burnt Orange color values and uses

Burnt Orange is represented here by #CC5500. In digital artwork, websites, and interface design, HEX is a compact way to specify the exact red, green, and blue channels. The equivalent RGB value is rgb(204, 85, 0); HSL hsl(25, 100%, 40%) describes hue, saturation, and lightness, while CMYK 0%, 58%, 100%, 20% offers a starting point for print workflows. These conversions are useful when moving a color between design tools, though displays, printers, and color profiles can produce different results.

Use burnt orange alongside the swatches above to compare lighter tints, deeper shades, and nearby hues. A restrained palette can reserve this color for a focal element and use a neutral background for supporting content. For text and controls, check contrast at the size and weight where the color will appear; a swatch that looks clear on a large area may be harder to read in small labels. Save the HEX or RGB value in your design system so the same color can be reused consistently.

Frequently asked questions about Burnt Orange

What is the hex code of Burnt Orange?

The hex code of Burnt Orange is #CC5500.

What is the RGB value of Burnt Orange?

The RGB value is rgb(204, 85, 0), with red, green, and blue channels shown in that order.

What colors go with Burnt Orange?

Burnt Orange can be paired with complementary, analogous, or triadic hues. Check contrast and context before choosing a combination.

What are the HSL and CMYK values for Burnt Orange?

The HSL value is hsl(25, 100%, 40%); the approximate CMYK conversion is 0%, 58%, 100%, 20%. CMYK output can vary by printer and color profile.

Similar colors

Browse all colors