Brown

Earth-tone foundation, a simple and unadorned neutral warm color

HEX#8B5A2B
RGBrgb(139, 90, 43)
HSLhsl(29, 53%, 36%)
HSVhsv(29, 69%, 55%)
CMYKcmyk(0%, 35%, 69%, 45%)
HEXA#8B5A2BFF
RGBArgba(139, 90, 43, 1)
HSLAhsla(29, 53%, 36%, 1)
OKLCHoklch(72.7%, 0.074, 74)
LCHlch(68.1%, 25.5, 89)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#8C2B2D
Copy
#8B5A2B
Copy
#8C8B2B
Triadic3 hues spaced 120° apart
Copy
#8B5A2B
Copy
#2B8C5A
Copy
#5A2B8C
Split ComplementaryMain color + colors adjacent to its complement
Copy
#8B5A2B
Copy
#2B8C8B
Copy
#2B2D8C
Complementary2 hues spaced 180° apart
Copy
#8B5A2B
Copy
#2B5D8C
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#8B5A2B
Copy
#2D8C2B
Copy
#2B5D8C
Copy
#8B2B8C
MonochromaticSingle hue with varying saturation and lightness
Copy
#000000
Copy
#3E2813
Copy
#8B5A2B
Copy
#CA8D53
Copy
#E2C1A1

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#FFFFFFRatio 5.8:1AA
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#E5E4A9Ratio 4.5:1AA
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#8EC94FRatio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#35AC6ERatio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, stepwise lightness adjustment ±30%
#27190CCopy
#3E2813Copy
#65411FCopy
#8C5A2BCopy
#B37337Copy
#CA8D53Copy
#D6A77ACopy
Saturation VariationFixed hue and lightness, stepwise saturation adjustment ±30%
#715B47Copy
#7A5B3ECopy
#835A34Copy
#8C5A2BCopy
#965A22Copy
#9F5A19Copy
#A85910Copy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation adjustment
#33261ACopy
#43301ECopy
#644426Copy
#87582CCopy
#AC6C2FCopy
#D17F33Copy
#DF944ECopy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#8C422BCopy
#8C4A2BCopy
#8C522BCopy
#8C5A2BCopy
#8C622BCopy
#8C6A2BCopy
#8C732BCopy

💡 Use Cases

🛋️

Home Furnishings

Brown is the top choice for creating a warm home atmosphere. Leather sofas, solid wood floors paired with cotton-linen fabrics craft a relaxing, cozy space.

Café Branding

Coffee shops and bakeries often use brown in their visual identity to convey a brand spirit of handcrafted quality, richness, and ingredient authenticity.

👞

Apparel & Leather

Brown leather shoes, belts, and luggage are business-casual classics. Softer than black, more dirt-resistant than white, they age gracefully over time.

📜

Retro Design

In nostalgic posters and cultural creative packaging, the texture of brown paper and aging effects imbue the design with the patina of settled time.

📜 Origin & History

Brown is one of the earliest colors used by humans, tracing back to Paleolithic cave paintings. Prehistoric people mixed ochre, clay, and other natural minerals with animal fat to depict hunting scenes on rock walls. These brown lines, preserved for tens of thousands of years, bear witness to the origin of human civilization.

In ancient civilizations, brown was the background color of agricultural societies. Mesopotamian clay tablets and Egyptian papyrus paintings both used brown as their primary tone. It represented cultivated land and building earth, making it the most common color in laborers' clothing and embodying a simple, unadorned philosophy of life.

From the Middle Ages to the Renaissance, brown held a prominent position in art. Franciscan monks wore coarse brown robes symbolizing humility, Leonardo da Vinci skillfully used brown as a base to create depth, and Rembrandt employed brown tones for dramatic chiaroscuro, endowing brown with solemn and sacred artistic connotations.

After the Industrial Revolution, brown shifted from aristocratic aesthetic to mass appeal. With the popularization of coffee and chocolate, brown became synonymous with everyday pleasures. The rise of 19th-century Romanticism and a longing for natural landscapes led to brown's widespread use in furniture and interior decoration, making it a symbol of comfortable living.

In modern design, brown is central to sustainability and natural aesthetics. From Nordic-style wooden furniture to minimalist clay elements, brown conveys eco-friendly ideals. In the digital age, brown has been imbued with a nostalgic vintage filter quality, becoming a visual link connecting the past and the present.

🧠 Color Psychology

PlainEvokes direct associations with natural elements like earth, wood, and stone. Unpretentious, it makes people feel reliable and authentic.
StableComposed rather than frivolous, like deep-set tree roots, providing a sustained sense of security and trust.
ApproachableAssociations with coffee and cocoa fill brown with warmth, capable of bridging the psychological distance between people and objects.
InclusiveAs a neutral color, brown harmonizes peacefully with the vast majority of colors, embodying a tolerant and all-embracing attitude.
NostalgicCarries the atmosphere of time's sedimentation, like old photographs and aged leather, awakening warm memories of bygone times.
NaturalDirectly linked to soil, rock, and plant fibers, satisfying the primal human instinct and desire for belonging in raw nature.