Similar colors View all →
Caramel
#B48F5D
Caramel
#C8A97E
Khaki
#8B7355
Wheat
#DEB887
Peruvian
#CD853F
Coffee
#6B4F3A
Sand
#E8D5B7
Brown
#795548
Sienna Brown
#A0522D
Hot Chocolate
#D2691E
Ivory
#F8F7F4
Saffron
#F59E0B
Rosy Brown
#BCAAA4
"Caramel"
Earth · Autumn
🧠 Psychology
Warm and optimistic color. Evokes creativity, joy and enthusiasm.
✨ Uses
Food marketing, secondary CTAs, warm design, children.
Tip
Caramel pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.
Values
HEX #B48F5D
RGB rgb(180, 143, 93)
HSL hsl(34°, 37%, 54%)
CMYK C:0% M:21% Y:48% K:29%
Luminance 0.307
WCAG Accessibility
On white 2.99:1
Aa — #B48F5D
Secondary text
✗ AA ✗ AAA ✗ AA Large
On black 7.03:1
Aa — #B48F5D
Secondary text
✓ AA ✓ AAA ✓ AA Large

All harmonies

Complementary
#B48F5D #5E84B5
Analogous
#B5645E #B48F5D #AFB55E
Triadic
#B48F5D #5EB58F #8F5EB5
Split-comp.
#B48F5D #5EAFB5 #645EB5
Tetradic
#B48F5D #5EB564 #5E84B5 #B55EAF
Monochromatic
#2D251A #6E5A3F #A98E6A #BCA78A #D8CBBB
Suggested palettes for this hue.
Tokyo Neon View all →
Dark UI View all →
Orange Energy View all →

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