Caramel (B3B682) — 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 #B3B682

RGB rgb(179, 182, 130)

HSL hsl(63°, 26%, 61%)

CMYK C:2% M:0% Y:29% K:29%

Luminance 0.4546

WCAG Accessibility

On white 2.11:1

Aa — #B3B682

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.93:1

Aa — #B3B682

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B3B682 #8482B5

Analogous

#B59E82 #B3B682 #99B582

Triadic

#B3B682 #82B3B5 #B582B3

Split-comp.

#B3B682 #8299B5 #9E82B5

Tetradic

#B3B682 #82B59E #8482B5 #B58299

Monochromatic

#3D3E2D #787958 #AAAB8C #C0C1A9 #E0E1D6

Suggested palettes for this hue.

Arctic Tundra View all →

Success Green View all →

Marrakech View all →