Coffee (686D36) — 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 #686D36

RGB rgb(104, 109, 54)

HSL hsl(65°, 34%, 32%)

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

Luminance 0.1422

WCAG Accessibility

On white 5.48:1

Aa — #686D36

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.83:1

Aa — #686D36

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#686D36 #3A366D

Analogous

#6D5636 #686D36 #4D6D36

Triadic

#686D36 #36696D #6D3669

Split-comp.

#686D36 #364D6D #56366D

Tetradic

#686D36 #366D56 #3A366D #6D364D

Monochromatic

#C6C9A6 #9DA267 #62653E #43462B #15160E

Suggested palettes for this hue.

Gold & Black View all →

Northern Lights View all →

Memphis Design View all →