Caramel

Sugar's Rich Aroma, Sweet and Tempting

Brown & Tan Warm Standard Color

HEX#B87333

RGBrgb(184, 115, 51)

HSLhsl(29, 57%, 46%)

HSVhsv(29, 72%, 72%)

CMYKcmyk(0%, 38%, 72%, 28%)

HEXA#B87333FF

RGBArgba(184, 115, 51, 1)

HSLAhsla(29, 57%, 46%, 1)

OKLCHoklch(79.2%, 0.087, 74)

LCHlch(75.5%, 30.5, 88)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)

Triadic3 hues spaced 120° apart

Split ComplementaryMain color + colors adjacent to its complement

Complementary2 hues spaced 180° apart

Tetradic (Rectangle)4 hues forming a rectangle

MonochromaticSingle hue with varying saturation and lightness

♿ WCAG Contrast Colors

Learn More →

Aa14px Body

High Contrast Text

#FFFFFFRatio 3.8:1AA Large

Suitable for body text, headings, and primary content, ensuring readability for all users

Aa14px Body

Standard Text

#FEFEFBRatio 3.8:1AA Large

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#D4ECBBRatio 3:1AA Large

Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries

Aa14px Body

Decorative / Dividers

#57D192Ratio 2:1Fail

Suitable for decorative elements, dividers, non-essential text

📊 Color Scales

Online Color Picker → Gradient Generator →

Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%

#38230F

#4C3015

#643F1B

#784B21

#8C5826

#A4672D

#B87332

Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%

#90745A

#977453

#9D744D

#A47446

#AB743F

#B17339

#B87332

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#2A231E

#3C3025

#533F2D

#694C30

#815832

#9D6734

#B87332

Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°

#B85232

#B85D32

#B86832

#B87332

#B87E32

#B88932

#B89532

💡 Use Cases

🍰

Desserts & Baking

Caramel glazes and decorations are classic techniques in French patisserie, adding visual and gustatory appeal to cakes, puddings, and macarons.

👗

Autumn/Winter Fashion

Caramel coats, sweaters, and dresses are stars of autumn/winter fashion, with their warm tones standing out in the cold season.

💄

Cosmetics

Caramel eyeshadows, lipsticks, and blushes are essential for creating warm makeup looks, suiting various skin tones.

📱

Product Design

Caramel is widely used in phone cases, small appliances, and other products, infusing technology with a warm, lived-in feel.

📜 Origin & History

Caramel originates from the Maillard reaction and caramelization that occurs when sugar is heated. The history of making Caramel-colored food dates back to ancient India and China, where people already knew how to make caramel from sugar cane.

In the 18th century, European pastry chefs began systematically using caramel to color and flavor desserts and sauces. Caramel's popularity changed the appearance of desserts and gave rise to classics like crème caramel and caramel cake.

In the 19th century, Caramel was commercially produced as a food coloring, becoming one of the most widely used natural colors in the food industry. From soy sauce to cola, Caramel gives these everyday foods their warm, appealing appearance.

In the 20th century, the fashion world introduced Caramel into clothing design. Its bright, warm hue, between golden brown and reddish-brown, quickly gained favor. In the 1970s, Caramel was a representative color of retro style.

In the contemporary era, Caramel continues to trend in beauty, fashion, and design. Richer than camel and brighter than brown, it is one of the most popular colors for autumn and winter, symbolizing sweetness, warmth, and nostalgia.

🧠 Color Psychology

SweetCaramel is closely linked to memories of sweetness, directly evoking gustatory pleasure and a longing for good things.

WarmCaramel is like the autumn afternoon sun, warm and bright, giving a sense of security and comfort as if being embraced.

NostalgicCaramel evokes childhood memories of sweets and desserts, serving as a color bridge to fond memories of the past.

TemptingThis color has a strong sensory appeal, stimulating appetite and consumer impulses, making it a popular color in commercial design.

ApproachableCaramel's warm nature makes it highly approachable, helping to bridge distances between people.

LustrousOn glossy fabrics, Caramel presents a charming metallic sheen, combining warmth with a touch of splendor.

← Back to Explore Colors