Coffee (676C37) — 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 #676C37

RGB rgb(103, 108, 55)

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

CMYK C:5% M:0% Y:49% K:58%

Luminance 0.1394

WCAG Accessibility

On white 5.56:1

Aa — #676C37

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.78:1

Aa — #676C37

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#676C37 #3C376D

Analogous

#6D5737 #676C37 #4C6D37

Triadic

#676C37 #37676D #6D3767

Split-comp.

#676C37 #374C6D #57376D

Tetradic

#676C37 #376D57 #3C376D #6D374C

Monochromatic

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

Suggested palettes for this hue.

Retro 70s View all →

Memphis Design View all →

Golden Autumn View all →