Similar colors View all →
Coffee
#533C2B
Coffee
#6B4F3A
Brown
#795548
Dark Brown
#4E342E
Khaki
#8B7355
Sienna Brown
#A0522D
Saddle Brown
#8B4513
Caramel
#C8A97E
Peruvian
#CD853F
Hot Chocolate
#D2691E
Rosy Brown
#BCAAA4
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 #533C2B
RGB rgb(83, 60, 43)
HSL hsl(25°, 32%, 25%)
CMYK C:0% M:28% Y:48% K:67%
Luminance 0.0491
WCAG Accessibility
On white 10.25:1
Aa — #533C2B
Secondary text
✓ AA ✓ AAA ✓ AA Large
On black 2.05:1
Aa — #533C2B
Secondary text
✗ AA ✗ AAA ✗ AA Large

All harmonies

Complementary
#533C2B #2B4354
Analogous
#542B2F #533C2B #54512B
Triadic
#533C2B #2B543C #3C2B54
Split-comp.
#533C2B #2B5451 #2B2F54
Tetradic
#533C2B #2F542B #2B4354 #512B54
Monochromatic
#B9A292 #8C6F5A #4E3D32 #2F251E #000000
Suggested palettes for this hue.
Memphis Design View all →
Retro 70s View all →
Purple UI View all →

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