Deep Autumn Rust Amber
Category: Orange
Burnt Orange (#CC5500) — Color Codes, Meaning & UI Palettes
Burnt Orange is an intense autumn shade reminiscent of turned maple leaves, glowing campfire embers, and copper patinas. With a low KD of only 10%, it is a prime ranking target.
Click to Copy HEX
Burnt Orange
#CC5500
HEX
#CC5500
RGB
rgb(204, 85, 0)
HSL
hsl(25deg, 100%, 40%)
CMYK (Print)
cmyk(0%, 58%, 100%, 20%)
Apple Display P3
color(display-p3 0.800 0.333 0.000)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
4.31:1 (AA Large)
Black Text (#000000)
4.87:1 (AA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#FCF5F0
100
#F7E4D6
200
#EFC9AD
300
#E4A77A
400
#D87E3D
500
#CC5500
600
#A34400
700
#7A3300
800
#522200
900
#2D1300
950
#180A00
Color Harmonies & Palette Schemes
Complementary
#0077CC
Opposite 180° Contrast
Analogous -30°
#CC0011
Natural Harmony
Analogous +30°
#CCBB00
Natural Harmony
Triadic +120°
#00CC55
120° Balanced Triad
Triadic +240°
#5500CC
120° Balanced Triad
Curated UI Design Pairings for Burnt Orange
Superb for autumn marketing campaigns, cozy hospitality brands, and earthy rugged outdoor gear interfaces.
Warm Sand
#E5D3B3
Soft Natural Complement
Deep Forest Green
#1B4332
Woodland Contrast
Deep Navy
#000080
Classic Complementary Contrast
Cream
#FAF7F2
Cozy Background
Export Burnt Orange Code Snippets
CSS Variable
--color-burnt-orange: #CC5500;
Tailwind Config
'burnt-orange': '#CC5500'
Swift / SwiftUI
Color(hex: "#CC5500")
JSON Design Token
{"name": "Burnt Orange", "hex": "#CC5500"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.