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

RGB rgb(54, 51, 18)

HSL hsl(55°, 50%, 14%)

CMYK C:0% M:6% Y:67% K:79%

Luminance 0.0279

WCAG Accessibility

On white 12.81:1

Aa — #363312

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 1.64:1

Aa — #363312

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#363312 #121536

Analogous

#362112 #363312 #273612

Triadic

#363312 #123633 #331236

Split-comp.

#363312 #122736 #211236

Tetradic

#363312 #123621 #121536 #361227

Monochromatic

#B9B15B #797434 #323015 #0E0E06 #000000

Suggested palettes for this hue.

Matcha View all →

Blue Serenity View all →

Provence Lavender View all →