Similar colors View all →
Coffee
#684E3C
Coffee
#6B4F3A
Brown
#795548
Khaki
#8B7355
Dark Brown
#4E342E
Sienna Brown
#A0522D
Saddle Brown
#8B4513
Caramel
#C8A97E
Rosy Brown
#BCAAA4
Peruvian
#CD853F
Hot Chocolate
#D2691E
Wheat
#DEB887
Mahogany
#A94442
"Coffee"
Earth · Autumn
🧠 Psychology
Warm and optimistic color. Evokes creativity, joy and enthusiasm.
✨ Uses
Food marketing, secondary CTAs, warm design, children.
Tip
Coffee pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.
Values
HEX #684E3C
RGB rgb(104, 78, 60)
HSL hsl(25°, 27%, 32%)
CMYK C:0% M:25% Y:42% K:59%
Luminance 0.0854
WCAG Accessibility
On white 7.65:1
Aa — #684E3C
Secondary text
✓ AA ✓ AAA ✓ AA Large
On black 2.74:1
Aa — #684E3C
Secondary text
✗ AA ✗ AAA ✗ AA Large

All harmonies

Complementary
#684E3C #3C5568
Analogous
#683C3F #684E3C #68643C
Triadic
#684E3C #3C684E #4E3C68
Split-comp.
#684E3C #3C6864 #3C3F68
Tetradic
#684E3C #3F683C #3C5568 #643C68
Monochromatic
#C4B6AB #998170 #5F4F44 #42372F #15110F
Suggested palettes for this hue.
Tokyo Neon View all →
Retro 70s View all →
Tropical Fruits View all →

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