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

RGB rgb(148, 102, 66)

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

CMYK C:0% M:31% Y:55% K:42%

Luminance 0.1632

WCAG Accessibility

On white 4.95:1

Aa — #946642

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.24:1

Aa — #946642

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#946642 #427194

Analogous

#944248 #946642 #948E42

Triadic

#946642 #429466 #664294

Split-comp.

#946642 #42948E #424894

Tetradic

#946642 #489442 #427194 #8E4294

Monochromatic

#DECFC4 #B99A83 #89674D #684F3B #372A1F

Suggested palettes for this hue.

Red Passion View all →

Success Green View all →

Sand Desert View all →