Hot Chocolate (AF621E) — Shades, Harmonies, Palettes, CSS Code

"Hot Chocolate"

Earth · Autumn

🧠 Psychology

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

✨ Uses

Food marketing, secondary CTAs, warm design, children.

Tip

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

Values

HEX #AF621E

RGB rgb(175, 98, 30)

HSL hsl(28°, 71%, 40%)

CMYK C:0% M:44% Y:83% K:31%

Luminance 0.1808

WCAG Accessibility

On white 4.58:1

Aa — #AF621E

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.59:1

Aa — #AF621E

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#AF621E #1E6BAE

Analogous

#AE1E22 #AF621E #AEAA1E

Triadic

#AF621E #1EAE61 #611EAE

Split-comp.

#AF621E #1EAEAA #1E22AE

Tetradic

#AF621E #22AE1E #1E6BAE #AA1EAE

Monochromatic

#EBCAAD #D7955B #A46228 #7B491E #3E250F

Suggested palettes for this hue.

Provence Lavender View all →

Sunset View all →

Golden Autumn View all →