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

RGB rgb(111, 106, 40)

HSL hsl(56°, 47%, 30%)

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

Luminance 0.139

WCAG Accessibility

On white 5.57:1

Aa — #6F6A28

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.77:1

Aa — #6F6A28

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#6F6A28 #292D70

Analogous

#704829 #6F6A28 #517029

Triadic

#6F6A28 #29706C #6C2970

Split-comp.

#6F6A28 #295170 #482970

Tetradic

#6F6A28 #297048 #292D70 #702951

Monochromatic

#CFCB96 #AFA850 #696530 #464320 #111108

Suggested palettes for this hue.

Icy Winter View all →

Mediterranean View all →

Vintage Sepia View all →