Similar colors View all →
Hot Chocolate
#DF7228
Hot Chocolate
#D2691E
Burnt Sienna
#E8651A
Saddle Brown
#8B4513
Modern Orange
#F97316
Deep Amber
#EA580C
Peruvian
#CD853F
Pure Orange
#FF6600
Rust
#C2410C
Sienna Brown
#A0522D
Warm Ochre
#D97706
Vivid Peach
#FF9F43
Golden Orange
#FF8C00
"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 #DF7228
RGB rgb(223, 114, 40)
HSL hsl(24°, 74%, 52%)
CMYK C:0% M:49% Y:82% K:13%
Luminance 0.2812
WCAG Accessibility
On white 3.19:1
Aa — #DF7228
Secondary text
✗ AA ✗ AAA ✓ AA Large
On black 6.58:1
Aa — #DF7228
Secondary text
✓ AA ✗ AAA ✓ AA Large

All harmonies

Complementary
#DF7228 #2A97DF
Analogous
#DF2A3C #DF7228 #DFCD2A
Triadic
#DF7228 #2ADF72 #722ADF
Split-comp.
#DF7228 #2ADFCD #2A3CDF
Tetradic
#DF7228 #3CDF2A #2A97DF #CD2ADF
Monochromatic
#321B0B #86471D #D37536 #DC9260 #EABD9F
Suggested palettes for this hue.
Pop Matisse View all →
Purple UI View all →
Electric Vibes View all →

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