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

RGB rgb(198, 104, 23)

HSL hsl(28°, 79%, 43%)

CMYK C:0% M:47% Y:88% K:22%

Luminance 0.2216

WCAG Accessibility

On white 3.89:1

Aa — #C66817

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.39:1

Aa — #C66817

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C66817 #1773C4

Analogous

#C4171D #C66817 #C4BE17

Triadic

#C66817 #17C468 #6817C4

Split-comp.

#C66817 #17C4BE #171DC4

Tetradic

#C66817 #1DC417 #1773C4 #BE17C4

Monochromatic

#F2D2B6 #E29C60 #B96922 #8E501A #4E2C0E

Suggested palettes for this hue.

Grey Minimal View all →

Berries View all →

Chocolate View all →