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

RGB rgb(105, 96, 41)

HSL hsl(52°, 44%, 29%)

CMYK C:0% M:9% Y:61% K:59%

Luminance 0.1149

WCAG Accessibility

On white 6.35:1

Aa — #696029

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.31:1

Aa — #696029

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#696029 #29326A

Analogous

#6A4129 #696029 #536A29

Triadic

#696029 #296A62 #62296A

Split-comp.

#696029 #29536A #41296A

Tetradic

#696029 #296A41 #29326A #6A2953

Monochromatic

#CBC495 #A79C52 #635C31 #413D20 #0E0D07

Suggested palettes for this hue.

Pop Art View all →

Berries View all →

Dragonfruit View all →