Coffee (745C45) — Shades, Harmonies, Palettes, CSS Code

"Coffee"

Earth · Autumn

🧠 Psychology

Warm and optimistic color. Evokes creativity, joy and enthusiasm.

✨ Uses

Food marketing, secondary CTAs, warm design, children.

Tip

Coffee pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #745C45

RGB rgb(116, 92, 69)

HSL hsl(29°, 25%, 36%)

CMYK C:0% M:21% Y:41% K:55%

Luminance 0.1176

WCAG Accessibility

On white 6.25:1

Aa — #745C45

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.36:1

Aa — #745C45

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#745C45 #455D73

Analogous

#734546 #745C45 #737245

Triadic

#745C45 #45735B #5B4573

Split-comp.

#745C45 #457372 #454673

Tetradic

#745C45 #467345 #455D73 #724573

Monochromatic

#CBC1B9 #A08E7E #6A5B4E #4C4238 #201C18

Suggested palettes for this hue.

Orange Energy View all →

Danger Red View all →

Pearl Zen View all →