Hot Chocolate (F3C3A1) — 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 #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #F3C3A1

RGB rgb(243, 195, 161)

HSL hsl(25°, 77%, 79%)

CMYK C:0% M:20% Y:34% K:5%

Luminance 0.6138

WCAG Accessibility

On white 1.6:1

Aa — #F3C3A1

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 13.13:1

Aa — #F3C3A1

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F3C3A1 #A0D0F3

Analogous

#F3A0A7 #F3C3A1 #F3ECA0

Triadic

#F3C3A1 #A0F3C3 #C3A0F3

Split-comp.

#F3C3A1 #A0F3EC #A0A7F3

Tetradic

#F3C3A1 #A7F3A0 #A0D0F3 #ECA0F3

Monochromatic

#A65821 #DC8B50 #EDC3A6 #F6E0D0 #FFFFFF

Suggested palettes for this hue.

Sunset View all →

Neon 90s View all →

Northern Lights View all →