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

RGB rgb(192, 98, 39)

HSL hsl(23°, 66%, 45%)

CMYK C:0% M:49% Y:80% K:25%

Luminance 0.2023

WCAG Accessibility

On white 4.19:1

Aa — #C06227

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.02:1

Aa — #C06227

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C06227 #2784BE

Analogous

#BE2739 #C06227 #BEAD27

Triadic

#C06227 #27BE61 #6127BE

Split-comp.

#C06227 #27BEAD #2739BE

Tetradic

#C06227 #39BE27 #2784BE #AD27BE

Monochromatic

#EED4C3 #D89A74 #B36432 #8B4E27 #502C16

Suggested palettes for this hue.

Tech Blue View all →

Tropical Jungle View all →

Coffee & Cream View all →