Similar colors View all →
Hot Chocolate
#DF7D3D
Hot Chocolate
#D2691E
Burnt Sienna
#E8651A
Saddle Brown
#8B4513
Peruvian
#CD853F
Modern Orange
#F97316
Deep Amber
#EA580C
Pure Orange
#FF6600
Sienna Brown
#A0522D
Rust
#C2410C
Vivid Peach
#FF9F43
Wheat
#DEB887
Warm Ochre
#D97706
"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 #DF7D3D
RGB rgb(223, 125, 61)
HSL hsl(24°, 72%, 56%)
CMYK C:0% M:44% Y:73% K:13%
Luminance 0.3104
WCAG Accessibility
On white 2.94:1
Aa — #DF7D3D
Secondary text
✗ AA ✗ AAA ✗ AA Large
On black 7.14:1
Aa — #DF7D3D
Secondary text
✓ AA ✓ AAA ✓ AA Large

All harmonies

Complementary
#DF7D3D #3E9FE0
Analogous
#E03E4E #DF7D3D #E0CF3E
Triadic
#DF7D3D #3EE07F #7F3EE0
Split-comp.
#DF7D3D #3EE0CF #3E4EE0
Tetradic
#DF7D3D #4EE03E #3E9FE0 #CF3EE0
Monochromatic
#422410 #955023 #D48149 #DE9E73 #EDC9B1
Suggested palettes for this hue.
Purple UI View all →
Gold & Black View all →
Tokyo Neon View all →

  
Discover more colors View all →
Rosy Brown
#BCAAA4
Brown
#795548
Caramel
#C8A97E
Sienna Brown
#A0522D
Saddle Brown
#8B4513
Khaki
#8B7355
Sand
#E8D5B7
Wheat
#DEB887
🔄 Converter ♿ Contrast 🌈 Gradient