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

"Caramel"

Earth · Summer

🧠 Psychology

Bright color that captures attention. Symbolizes optimism, clarity and intellect.

✨ Uses

Warnings, lighting, youth fashion, accessories.

Tip

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

Values

HEX #B8BD78

RGB rgb(184, 189, 120)

HSL hsl(64°, 34%, 61%)

CMYK C:3% M:0% Y:37% K:26%

Luminance 0.4875

WCAG Accessibility

On white 1.98:1

Aa — #B8BD78

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 10.59:1

Aa — #B8BD78

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B8BD78 #7E7ABD

Analogous

#BDA07A #B8BD78 #97BD7A

Triadic

#B8BD78 #7AB9BD #BD7AB9

Split-comp.

#B8BD78 #7A97BD #A07ABD

Tetradic

#B8BD78 #7ABDA0 #7E7ABD #BD7A97

Monochromatic

#414229 #7E824F #B0B384 #C4C7A3 #E3E4D3

Suggested palettes for this hue.

Chocolate View all →

Success Green View all →

Grey Minimal View all →