#CC5500
Orange family

Burnt Orange

Also known as: earthy · vibrant · warm · rich · bold
Save
Hex #CC5500
RGB rgb(204, 85, 0)
HSL hsl(25°, 100%, 40%)
CMYK 0 · 58 · 100 · 20

Meaning

In Western cultures, Burnt Orange often signifies warmth, enthusiasm, and the harvest season, while in some Indigenous cultures it can represent courage and resilience. The color's rich tones evoke feelings of comfort, yet its boldness can also suggest a call to action.

The term 'burnt orange' became common in the late 19th century, particularly associated with the art movements that embraced natural pigments. Notably, the famous American artist Georgia O'Keeffe used this color in her depictions of the Southwestern landscape during the 1920s, contributing to its cultural resonance.

earthyvibrantwarmrichbold

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Burnt Orange. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 27 Oranges →

Shades & tints

Nine steps of Burnt Orange by lightness — from #6A2C00 (darkest) to #E4A77A (lightest). Click any to copy.

-40% #6A2C00
-30% #833600
-20% #9B4100
-10% #B44B00
BASE #CC5500
+15% #D2691F
+30% #D87E3D
+50% #DE925C
+70% #E4A77A

Complementary

Sitting opposite Burnt Orange at 205° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Burnt Orange.

#CC5500
#4F9D00
#F5F5F5
#A65E2E
#D9B86D

Harvest Glow

Autumn warmth
#CC5500
#3B3B3B
#FFFFFF
#B05A29
#C7A36D

Spicy Comfort

Cozy vibes
#CC5500
#F2C94C
#888888
#A12D18
#EBAF6E

Desert Sunset

Vibrant contrast

Burnt Orange scale

A 50–900 tonal scale with Burnt Orange anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FBF1EB
100 #F6E0D1
200 #ECBE9E
300 #E19C6B
400 #D77936
500 #CC5500
600 #A74600
700 #873800
800 #662B00
900 #451D00

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 4.87:1
Burnt Orange as text on… Ratio AA AAA
Aa White background 4.31:1 Large only Fail
Aa Black background 4.87:1 Pass Large only

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #CC5500

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #CC5500;
CSS color-mix (lighten 30%) color-mix(in srgb, #CC5500 70%, white)
HSV / HSB 25°, 100%, 80%
CMYK (print) 0, 58, 100, 20
Decimal 13391104
Nearest web-safe #CC6600

Color vision

How Burnt Orange appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#CC5500

Protanopia (no red)

#989715

Deuteranopia (no green)

#9FA81A

Tritanopia (no blue)

#C62528
Pumpkin
7 / 27 Oranges Sienna
Copied!