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

RGB rgb(119, 107, 44)

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

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

Luminance 0.1471

WCAG Accessibility

On white 5.35:1

Aa — #776B2C

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.92:1

Aa — #776B2C

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#776B2C #2C3977

Analogous

#77452C #776B2C #5E772C

Triadic

#776B2C #2C776B #6B2C77

Split-comp.

#776B2C #2C5E77 #452C77

Tetradic

#776B2C #2C7745 #2C3977 #772C5E

Monochromatic

#D1C99E #B1A259 #6F6534 #4C4624 #18160B

Suggested palettes for this hue.

Tokyo Neon View all →

Deep Ocean View all →

Pastel 80s View all →