#CC5500
Burnt Orange
Burnt orange is a dark, brownish-orange associated with autumn and the University of Texas. It is warm, rustic, and grounded.
Burnt Orange Color Values
HEX#CC5500
RGB204, 85, 0
HSL25°, 100%, 40%
HSV25°, 100%, 80%
CMYK0%, 58%, 100%, 20%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #786900 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #948400 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #E13549 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #858585 (~0.003% of population)
Burnt Orange as Text Color
Burnt Orange on White
4.3:1FAIL
Burnt Orange on Light Gray
4.0:1FAIL
Burnt Orange on Cream
4.1:1FAIL
Burnt Orange on Dark
4.0:1FAIL
Burnt Orange on Black
4.9:1AA
Burnt Orange on Soft Blue
3.8:1FAIL
Burnt Orange on Soft Green
3.8:1FAIL
Burnt Orange on Soft Pink
3.6:1FAIL
Nearest Tailwind Class
amber-700
#B45309
Nearest Pantone Match
Pantone Orange 021
#FE5000
CSS Variable Export
:root {
--color-burnt-orange: #CC5500;
--color-burnt-orange-rgb: 204, 85, 0;
}Tailwind Config
// tailwind.config.js
colors: {
'burnt-orange': '#CC5500',
}Shades of Burnt Orange
#CC5500
#B84D00
#9E4200
#8A3900
#702F00
#5C2600
#421C00
#2E1300
#140900
#000000
Tints of Burnt Orange
#CC5500
#F06400
#FF730F
#FF8833
#FF9D57
#FFAF75
#FFC499
#FFD8BD
#FFEADB
#FFFFFF
Color Harmonies
Complementary
#CC5500
#0077CC
Analogous
#CC0011
#CC5500
#CCBB00
Triadic
#CC5500
#00CC55
#5500CC
Burnt Orange Text Preview
Heading in Burnt Orange
Body text in Burnt Orange. The quick brown fox jumps over the lazy dog.
White on Burnt Orange
Body text on a Burnt Orange background.
Burnt Orange text on dark background
Contrast: 4.1:1