Caramel (C6A18B) — Shades, Harmonies, Palettes, CSS Code

"Caramel"

Earth · Autumn

🧠 Psychology

Warm and optimistic color. Evokes creativity, joy and enthusiasm.

✨ Uses

Food marketing, secondary CTAs, warm design, children.

Tip

Caramel pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #C6A18B

RGB rgb(198, 161, 139)

HSL hsl(22°, 34%, 66%)

CMYK C:0% M:19% Y:30% K:22%

Luminance 0.4009

WCAG Accessibility

On white 2.37:1

Aa — #C6A18B

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 8.87:1

Aa — #C6A18B

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C6A18B #8BB0C6

Analogous

#C68B93 #C6A18B #C6BE8B

Triadic

#C6A18B #8BC6A0 #A08BC6

Split-comp.

#C6A18B #8BC6BE #8B93C6

Tetradic

#C6A18B #93C68B #8BB0C6 #BE8BC6

Monochromatic

#523E32 #916E59 #BDA393 #D0BEB3 #EEE7E3

Suggested palettes for this hue.

Kyoto Zen View all →

Green Meadow View all →

Velvet & Silk View all →