Similar colors View all →
Hot Chocolate
#B77A1F
Hot Chocolate
#D2691E
Saffron
#F59E0B
Peruvian
#CD853F
Saddle Brown
#8B4513
Warm Ochre
#D97706
Wheat
#DEB887
Golden Orange
#FF8C00
Sun Yellow
#EAB308
Burnt Sienna
#E8651A
Sand
#E8D5B7
Caramel
#C8A97E
Bright Amber
#FBBF24
"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 #B77A1F
RGB rgb(183, 122, 31)
HSL hsl(36°, 71%, 42%)
CMYK C:0% M:33% Y:83% K:28%
Luminance 0.2444
WCAG Accessibility
On white 3.61:1
Aa — #B77A1F
Secondary text
✗ AA ✗ AAA ✓ AA Large
On black 5.82:1
Aa — #B77A1F
Secondary text
✓ AA ✗ AAA ✓ AA Large

All harmonies

Complementary
#B77A1F #1F5CB7
Analogous
#B72E1F #B77A1F #A8B71F
Triadic
#B77A1F #1FB77A #7A1FB7
Split-comp.
#B77A1F #1FA8B7 #2E1FB7
Tetradic
#B77A1F #1FB72E #1F5CB7 #B71FA8
Monochromatic
#EDD7B5 #D9AA63 #AC782A #835C20 #463111
Suggested palettes for this hue.
Pearl Zen View all →
Sahara View all →
Night Velvet View all →

  
Discover more colors View all →
Coffee
#6B4F3A
Dark Brown
#4E342E
Khaki
#8B7355
Saddle Brown
#8B4513
Sand
#E8D5B7
Hot Chocolate
#D2691E
Wheat
#DEB887
Caramel
#C8A97E
🔄 Converter ♿ Contrast 🌈 Gradient