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

RGB rgb(102, 92, 41)

HSL hsl(50°, 43%, 28%)

CMYK C:0% M:10% Y:60% K:60%

Luminance 0.1055

WCAG Accessibility

On white 6.71:1

Aa — #665C29

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.13:1

Aa — #665C29

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#665C29 #293366

Analogous

#663D29 #665C29 #526629

Triadic

#665C29 #29665C #5C2966

Split-comp.

#665C29 #295266 #3D2966

Tetradic

#665C29 #29663D #293366 #662952

Monochromatic

#C8BF92 #A39552 #5F5730 #3D381F #0A0905

Suggested palettes for this hue.

Dark UI View all →

Northern Lights View all →

Art Deco View all →