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

RGB rgb(119, 90, 44)

HSL hsl(37°, 46%, 32%)

CMYK C:0% M:24% Y:63% K:53%

Luminance 0.1136

WCAG Accessibility

On white 6.4:1

Aa — #775A2C

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.28:1

Aa — #775A2C

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#775A2C #2C4977

Analogous

#77352C #775A2C #6E772C

Triadic

#775A2C #2C775A #5A2C77

Split-comp.

#775A2C #2C6E77 #352C77

Tetradic

#775A2C #2C7735 #2C4977 #772C6E

Monochromatic

#D1BE9E #B18F59 #6F5834 #4C3D24 #18130B

Suggested palettes for this hue.

Kyoto Zen View all →

Tropical Jungle View all →

Deep Ocean View all →