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

RGB rgb(102, 94, 53)

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

CMYK C:0% M:8% Y:48% K:60%

Luminance 0.1102

WCAG Accessibility

On white 6.53:1

Aa — #665E35

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.22:1

Aa — #665E35

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#665E35 #343C65

Analogous

#654434 #665E35 #556534

Triadic

#665E35 #34655D #5D3465

Split-comp.

#665E35 #345565 #443465

Tetradic

#665E35 #346544 #343C65 #653455

Monochromatic

#C3BEA2 #9C9263 #5D583C #3E3A28 #100F0A

Suggested palettes for this hue.

Pastel Spring View all →

Concrete Steel View all →

Vibrant Summer View all →