Similar colors View all →
Caramel
#B28F62
Caramel
#C8A97E
Khaki
#8B7355
Coffee
#6B4F3A
Wheat
#DEB887
Peruvian
#CD853F
Sand
#E8D5B7
Brown
#795548
Sienna Brown
#A0522D
Ivory
#F8F7F4
Hot Chocolate
#D2691E
Rosy Brown
#BCAAA4
Saffron
#F59E0B
"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 #B28F62
RGB rgb(178, 143, 98)
HSL hsl(34°, 34%, 54%)
CMYK C:0% M:20% Y:45% K:30%
Luminance 0.3056
WCAG Accessibility
On white 3:1
Aa — #B28F62
Secondary text
✗ AA ✗ AAA ✓ AA Large
On black 7:1
Aa — #B28F62
Secondary text
✓ AA ✓ AAA ✓ AA Large

All harmonies

Complementary
#B28F62 #6284B2
Analogous
#B26762 #B28F62 #ACB262
Triadic
#B28F62 #62B28F #8F62B2
Split-comp.
#B28F62 #62ACB2 #6762B2
Tetradic
#B28F62 #62B267 #6284B2 #B262AC
Monochromatic
#2C251B #6C5942 #A68D6E #B9A68D #D6CBBD
Suggested palettes for this hue.
Northern Lights View all →
Dark UI View all →
Coffee & Cream View all →

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