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

50 100 200 300 400 500 600 700 800 900 950

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 →