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

RGB rgb(218, 126, 27)

HSL hsl(31°, 78%, 48%)

CMYK C:0% M:42% Y:88% K:15%

Luminance 0.3028

WCAG Accessibility

On white 3.01:1

Aa — #DA7E1B

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.98:1

Aa — #DA7E1B

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#DA7E1B #1B77DA

Analogous

#DA1E1B #DA7E1B #D7DA1B

Triadic

#DA7E1B #1BDA7E #7E1BDA

Split-comp.

#DA7E1B #1BD7DA #1E1BDA

Tetradic

#DA7E1B #1BDA1E #1B77DA #DA1BD7

Monochromatic

#F5E1CC #E5AF76 #CE7D27 #A3631F #633C13

Suggested palettes for this hue.

Green Meadow View all →

Autumn Forest View all →

Rose Gold View all →