Coffee (686D37) — Shades, Harmonies, Palettes, CSS Code

"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 #686D37

RGB rgb(104, 109, 55)

HSL hsl(66°, 33%, 32%)

CMYK C:5% M:0% Y:50% K:57%

Luminance 0.1423

WCAG Accessibility

On white 5.48:1

Aa — #686D37

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.83:1

Aa — #686D37

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#686D37 #3C376D

Analogous

#6D5737 #686D37 #4C6D37

Triadic

#686D37 #37676D #6D3767

Split-comp.

#686D37 #374C6D #57376D

Tetradic

#686D37 #376D57 #3C376D #6D374C

Monochromatic

#C5C8A7 #9BA168 #61643F #42452B #15160E

Suggested palettes for this hue.

Vintage Sepia View all →

Memphis Design View all →

Green Meadow View all →