Coffee (675F37) — 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 #675F37

RGB rgb(103, 95, 55)

HSL hsl(50°, 30%, 31%)

CMYK C:0% M:8% Y:47% K:60%

Luminance 0.1129

WCAG Accessibility

On white 6.42:1

Aa — #675F37

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.27:1

Aa — #675F37

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#675F37 #373F67

Analogous

#674737 #675F37 #576737

Triadic

#675F37 #37675F #5F3767

Split-comp.

#675F37 #375767 #473767

Tetradic

#675F37 #376747 #373F67 #673757

Monochromatic

#C4BFA6 #9B9369 #5F5A3F #403D2B #12110C

Suggested palettes for this hue.

Vintage Sepia View all →

Amber Warning View all →

Green Meadow View all →