Coffee (AF8264) — Shades, Harmonies, Palettes, CSS Code

"Coffee"

Earth · Autumn

🧠 Psychology

Warm and optimistic color. Evokes creativity, joy and enthusiasm.

✨ Uses

Food marketing, secondary CTAs, warm design, children.

Tip

Coffee pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #AF8264

RGB rgb(175, 130, 100)

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

CMYK C:0% M:26% Y:43% K:31%

Luminance 0.2645

WCAG Accessibility

On white 3.39:1

Aa — #AF8264

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.2:1

Aa — #AF8264

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#AF8264 #6491AF

Analogous

#AF646C #AF8264 #AFA864

Triadic

#AF8264 #64AF82 #8264AF

Split-comp.

#AF8264 #64AFA8 #646CAF

Tetradic

#AF8264 #6CAF64 #6491AF #A864AF

Monochromatic

#2C221C #6A5344 #A48570 #B79F8F #D5C7BE

Suggested palettes for this hue.

Pastel Spring View all →

Coral Sea View all →

Tokyo Neon View all →