Coffee (825B3E) — 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 #825B3E

RGB rgb(130, 91, 62)

HSL hsl(26°, 35%, 38%)

CMYK C:0% M:30% Y:52% K:49%

Luminance 0.1256

WCAG Accessibility

On white 5.97:1

Aa — #825B3E

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.52:1

Aa — #825B3E

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#825B3E #3F6583

Analogous

#833F44 #825B3E #837E3F

Triadic

#825B3E #3F835C #5C3F83

Split-comp.

#825B3E #3F837E #3F4483

Tetradic

#825B3E #44833F #3F6583 #7E3F83

Monochromatic

#D5C5B9 #AF9079 #795E49 #594536 #292019

Suggested palettes for this hue.

Success Green View all →

Pastel 80s View all →

Chocolate View all →