Hot Chocolate (D36C2E) — 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 #D36C2E

RGB rgb(211, 108, 46)

HSL hsl(23°, 65%, 50%)

CMYK C:0% M:49% Y:78% K:17%

Luminance 0.2499

WCAG Accessibility

On white 3.53:1

Aa — #D36C2E

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.95:1

Aa — #D36C2E

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#D36C2E #2D93D2

Analogous

#D22D40 #D36C2E #D2BF2D

Triadic

#D36C2E #2DD26C #6C2DD2

Split-comp.

#D36C2E #2DD2BF #2D40D2

Tetradic

#D36C2E #40D22D #2D93D2 #BF2DD2

Monochromatic

#28160B #774322 #C66F39 #D18C61 #E2B79C

Suggested palettes for this hue.

Northern Lights View all →

Tropical Fruits View all →

Berries View all →