Similar colors View all →
Hot Chocolate
#CC8224
Hot Chocolate
#D2691E
Peruvian
#CD853F
Wheat
#DEB887
Warm Ochre
#D97706
Saffron
#F59E0B
Saddle Brown
#8B4513
Golden Orange
#FF8C00
Burnt Sienna
#E8651A
Caramel
#C8A97E
Sun Yellow
#EAB308
Sand
#E8D5B7
Deep Amber
#EA580C
"Hot Chocolate"
Earth · Autumn
🧠 Psychology
Warm and optimistic color. Evokes creativity, joy and enthusiasm.
✨ Uses
Food marketing, secondary CTAs, warm design, children.
Tip
Hot Chocolate pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.
Values
HEX #CC8224
RGB rgb(204, 130, 36)
HSL hsl(34°, 70%, 47%)
CMYK C:0% M:36% Y:82% K:20%
Luminance 0.2935
WCAG Accessibility
On white 3.09:1
Aa — #CC8224
Secondary text
✗ AA ✗ AAA ✓ AA Large
On black 6.79:1
Aa — #CC8224
Secondary text
✓ AA ✗ AAA ✓ AA Large

All harmonies

Complementary
#CC8224 #246DCC
Analogous
#CC2F24 #CC8224 #C1CC24
Triadic
#CC8224 #24CC83 #8324CC
Split-comp.
#CC8224 #24C1CC #2F24CC
Tetradic
#CC8224 #24CC2F #246DCC #CC24C1
Monochromatic
#F2E1CA #DDB278 #C08130 #976626 #5A3D16
Suggested palettes for this hue.
Neon 90s View all →
Marrakech View all →
White Marble View all →

  
Discover more colors View all →
Hot Chocolate
#D2691E
Rosy Brown
#BCAAA4
Caramel
#C8A97E
Coffee
#6B4F3A
Sand
#E8D5B7
Wheat
#DEB887
Dark Brown
#4E342E
Sienna Brown
#A0522D
🔄 Converter ♿ Contrast 🌈 Gradient