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

RGB rgb(112, 113, 51)

HSL hsl(61°, 38%, 32%)

CMYK C:1% M:0% Y:55% K:56%

Luminance 0.1562

WCAG Accessibility

On white 5.12:1

Aa — #707133

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.1:1

Aa — #707133

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#707133 #343371

Analogous

#715333 #707133 #517133

Triadic

#707133 #337071 #713370

Split-comp.

#707133 #335171 #533371

Tetradic

#707133 #337153 #343371 #713351

Monochromatic

#CBCCA4 #A6A762 #68683B #474828 #17170D

Suggested palettes for this hue.

Tokyo Neon View all →

Matcha Tea View all →

Matcha View all →