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

RGB rgb(198, 92, 16)

HSL hsl(25°, 85%, 42%)

CMYK C:0% M:54% Y:92% K:22%

Luminance 0.1979

WCAG Accessibility

On white 4.25:1

Aa — #C65C10

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.94:1

Aa — #C65C10

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C65C10 #107AC6

Analogous

#C6101F #C65C10 #C6B710

Triadic

#C65C10 #10C65C #5C10C6

Split-comp.

#C65C10 #10C6B7 #101FC6

Tetradic

#C65C10 #1FC610 #107AC6 #B710C6

Monochromatic

#F4CBAF #E79255 #BB5E1B #8F4714 #4C260B

Suggested palettes for this hue.

Dark UI View all →

Vibrant Summer View all →

Memphis Design View all →