Coffee (6C6437) — 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 #6C6437

RGB rgb(108, 100, 55)

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

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

Luminance 0.1258

WCAG Accessibility

On white 5.97:1

Aa — #6C6437

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.52:1

Aa — #6C6437

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#6C6437 #373F6D

Analogous

#6D4A37 #6C6437 #5A6D37

Triadic

#6C6437 #376D64 #64376D

Split-comp.

#6C6437 #375A6D #4A376D

Tetradic

#6C6437 #376D4A #373F6D #6D375A

Monochromatic

#C8C3A7 #A19868 #645F3F #45412B #16150E

Suggested palettes for this hue.

Dark UI View all →

Retro 70s View all →

Red Passion View all →