Skip to content

Burnt Orange #cc5500

Orange with the summer behind it.

RGB
204, 85, 0
HSL
25°, 100%, 40%
CMYK
0, 58, 100, 20
Luminance
0.1933

About Burnt Orange

Burnt orange, #cc5500, is orange darkened and muted — the color of embers, autumn leaves and 1970s living rooms. Between orange’s brightness and rust’s brown, it is warmth that has cooled just enough to feel grown-up.

History

Burnt orange defined 1970s interiors (shag carpet’s favorite hue) alongside avocado and harvest gold; it then became Texas Longhorns’ trademark and autumn fashion’s annual return. The "burnt" prefix marks the shift from citrus to ember.

Psychology

Burnt orange reads warm, earthy and retro-confident — orange’s energy seasoned with autumn. It carries nostalgia and craft without brightness’s youth.

In design

Burnt orange is a rich warm accent: large-text capable (~4.2:1), superb as surfaces and mid-century revival palettes. Pair with teal (the 70s duo), cream, chocolate and forest. Autumn, craft and heritage-sport brands favor it.

In culture

Burnt-orange shag, avocado-and-orange kitchens, Longhorn Saturdays: the color of the American 70s and Texas pride in one warm ember.

Brands that own burnt orange

Shades of burnt orange

Every format

HEX#cc5500
RGBrgb(204, 85, 0)
HSLhsl(25, 100%, 40%)
CMYKcmyk(0%, 58%, 100%, 20%)
LABlab(51.1 44.2 60.8)
LCHlch(51.1 75.1 54.0)
OKLCHoklch(0.595 0.169 45.5)

Copy-ready code

/* CSS */
color: #cc5500;
background-color: #cc5500;
/* Tailwind (arbitrary) */
class="text-[#cc5500] bg-[#cc5500]"
/* SCSS */
$brand: #cc5500;
/* SwiftUI */
Color(red: 0.800, green: 0.333, blue: 0.000)
/* Android */
Color.parseColor("#cc5500")

Accessibility — WCAG contrast

Aa
#cc5500 on white: 4.31:1
AA ✗ fail · AA-large · AAA
Aa
#cc5500 on black: 4.87:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red80.0%
Green33.3%
Blue0.0%

CMYK percentages

Cyan0.0%
Magenta58.3%
Yellow100.0%
Key (black)20.0%

Color previews

#cc5500 text on a black background

contrast 4.87:1

Card sample

#cc5500 text on a white background

contrast 4.31:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #cc5500;
Background color
Panel with #cc5500 background
background-color: #cc5500;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #cc5500;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(204, 85, 0, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(204, 85, 0, 0.45);
Border & gradient
Gradient panel
border: 3px solid #cc5500;
background: linear-gradient(135deg, #cc5500, #BBCC00);

Monochromatic scale

Palettes built from #cc5500

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Burnt Orange, answered

What is the hex code for burnt orange?

Burnt orange is #cc5500; Texas Longhorns brand with #bf5700; deeper embers run #c04e17.

Burnt orange vs rust?

Rust is browner (oxidized iron); burnt orange keeps more of the orange — the ember versus the corrosion.

What pairs with burnt orange?

Teal (the definitive 70s duo), cream and chocolate, forest green — warm nostalgia grounded by cool contrast.

Work with #cc5500 in the Color Lab