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

RGB rgb(111, 112, 51)

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

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

Luminance 0.1532

WCAG Accessibility

On white 5.2:1

Aa — #6F7033

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.04:1

Aa — #6F7033

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#6F7033 #343370

Analogous

#705333 #6F7033 #517033

Triadic

#6F7033 #336F70 #70336F

Split-comp.

#6F7033 #335170 #533370

Tetradic

#6F7033 #337053 #343370 #703351

Monochromatic

#CACBA4 #A5A664 #67683C #474729 #17170D

Suggested palettes for this hue.

Volcano View all →

Coral Sea View all →

Pastel Spring View all →