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

RGB rgb(112, 106, 51)

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

CMYK C:0% M:5% Y:54% K:56%

Luminance 0.1406

WCAG Accessibility

On white 5.53:1

Aa — #706A33

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.8:1

Aa — #706A33

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#706A33 #333970

Analogous

#704C33 #706A33 #587033

Triadic

#706A33 #33706A #6A3370

Split-comp.

#706A33 #335870 #4C3370

Tetradic

#706A33 #33704C #333970 #703358

Monochromatic

#CBC7A4 #A69F64 #68633C #474429 #17160D

Suggested palettes for this hue.

Dragonfruit View all →

Santorini View all →

Green Meadow View all →