Similar colors View all →
Caramel
#CCA987
Caramel
#C8A97E
Wheat
#DEB887
Peruvian
#CD853F
Sand
#E8D5B7
Khaki
#8B7355
Coffee
#6B4F3A
Sienna Brown
#A0522D
Rosy Brown
#BCAAA4
Hot Chocolate
#D2691E
Brown
#795548
Vivid Peach
#FF9F43
Ivory
#F8F7F4
"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 #1C1B18 (dark text) and a neutral background for a modern, readable result.
Values
HEX #CCA987
RGB rgb(204, 169, 135)
HSL hsl(30°, 40%, 66%)
CMYK C:0% M:17% Y:34% K:20%
Luminance 0.4373
WCAG Accessibility
On white 2.19:1
Aa — #CCA987
Secondary text
✗ AA ✗ AAA ✗ AA Large
On black 9.59:1
Aa — #CCA987
Secondary text
✓ AA ✓ AAA ✓ AA Large

All harmonies

Complementary
#CCA987 #86A8CB
Analogous
#CB8686 #CCA987 #CBCB86
Triadic
#CCA987 #86CBA8 #A886CB
Split-comp.
#CCA987 #86CBCB #8686CB
Tetradic
#CCA987 #86CB86 #86A8CB #CB86CB
Monochromatic
#56422E #987552 #C2A88E #D4C2AF #EFE8E1
Suggested palettes for this hue.
Dark UI View all →
Gradient Sunset View all →
Vintage Sepia View all →

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