Similar colors View all →
Hot Chocolate
#CC8F1F
Saffron
#F59E0B
Hot Chocolate
#D2691E
Sun Yellow
#EAB308
Warm Ochre
#D97706
Bright Amber
#FBBF24
Golden Honey
#F9C74F
Peruvian
#CD853F
Saddle Brown
#8B4513
Golden Orange
#FF8C00
Wheat
#DEB887
Golden Amber
#FFC200
Burnt Sienna
#E8651A
"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 #CC8F1F
RGB rgb(204, 143, 31)
HSL hsl(39°, 74%, 46%)
CMYK C:0% M:30% Y:85% K:20%
Luminance 0.3312
WCAG Accessibility
On white 2.79:1
Aa — #CC8F1F
Secondary text
✗ AA ✗ AAA ✗ AA Large
On black 7.52:1
Aa — #CC8F1F
Secondary text
✓ AA ✓ AAA ✓ AA Large

All harmonies

Complementary
#CC8F1F #1E5BCC
Analogous
#CC391E #CC8F1F #B2CC1E
Triadic
#CC8F1F #1ECC8F #8F1ECC
Split-comp.
#CC8F1F #1EB2CC #391ECC
Tetradic
#CC8F1F #1ECC39 #1E5BCC #CC1EB2
Monochromatic
#F2E2C4 #E0B971 #C08C2A #976D21 #584013
Suggested palettes for this hue.
Chocolate View all →
Night Velvet View all →
Dark UI View all →

  
Discover more colors View all →
Coffee
#6B4F3A
Dark Brown
#4E342E
Brown
#795548
Saddle Brown
#8B4513
Rosy Brown
#BCAAA4
Sand
#E8D5B7
Caramel
#C8A97E
Khaki
#8B7355
🔄 Converter ♿ Contrast 🌈 Gradient