Similar colors View all →
Coffee
#686A2E
Meadow
#7CB342
Caramel
#C8A97E
Apple Green
#8BC34A
Pure Yellow
#FFFF00
Coffee
#6B4F3A
Khaki
#8B7355
Ivory
#F8F7F4
Sand
#E8D5B7
Vivid Gold
#FFD700
Peruvian
#CD853F
Wheat
#DEB887
Sun Yellow
#EAB308
"Coffee"
Earth · Summer
🧠 Psychology
Bright color that captures attention. Symbolizes optimism, clarity and intellect.
✨ Uses
Warnings, lighting, youth fashion, accessories.
Tip
Coffee pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.
Values
HEX #686A2E
RGB rgb(104, 106, 46)
HSL hsl(62°, 39%, 30%)
CMYK C:2% M:0% Y:57% K:58%
Luminance 0.1349
WCAG Accessibility
On white 5.69:1
Aa — #686A2E
Secondary text
✓ AA ✗ AAA ✓ AA Large
On black 3.69:1
Aa — #686A2E
Secondary text
✗ AA ✗ AAA ✓ AA Large

All harmonies

Complementary
#686A2E #312F6A
Analogous
#6A4E2F #686A2E #4B6A2F
Triadic
#686A2E #2F686A #6A2F68
Split-comp.
#686A2E #2F4B6A #4E2F6A
Tetradic
#686A2E #2F6A4E #312F6A #6A2F4B
Monochromatic
#C7C99C #A2A45B #616336 #414224 #101009
Suggested palettes for this hue.
Concrete Steel View all →
Tropical Fruits View all →
Purple Mystery View all →

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