Dark Brown

A rich, heavy tone like bitter chocolate, as steady as the earth

HEX#5C3317
RGBrgb(92, 51, 23)
HSLhsl(24, 60%, 23%)
HSVhsv(24, 75%, 36%)
CMYKcmyk(0%, 45%, 75%, 64%)
HEXA#5C3317FF
RGBArgba(92, 51, 23, 1)
HSLAhsla(24, 60%, 23%, 1)
OKLCHoklch(61.3%, 0.072, 66)
LCHlch(54.7%, 24.6, 79)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#5E171E
Copy
#5C3317
Copy
#5E5717
Triadic3 hues spaced 120° apart
Copy
#5C3317
Copy
#175E34
Copy
#34175E
Split ComplementaryMain color + colors adjacent to its complement
Copy
#5C3317
Copy
#175E57
Copy
#171E5E
Complementary2 hues spaced 180° apart
Copy
#5C3317
Copy
#17425E
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#5C3317
Copy
#1E5E17
Copy
#17425E
Copy
#57175E
MonochromaticSingle hue with varying saturation and lightness
Copy
#000000
Copy
#0C0703
Copy
#5C3317
Copy
#AF602C
Copy
#D99568

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#ECC9B1Ratio 7:1AAA
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#B8AA2ERatio 4.5:1AA
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#679325Ratio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#1F7A43Ratio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, stepwise lightness adjustment ±30%
#29160ACopy
#29160ACopy
#351D0DCopy
#5E3417Copy
#874A22Copy
#AF602CCopy
#CF793FCopy
Saturation VariationFixed hue and lightness, stepwise saturation adjustment ±30%
#4C3729Copy
#523623Copy
#58351DCopy
#5E3417Copy
#643212Copy
#6A310CCopy
#6F3006Copy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation adjustment
#362317Copy
#382315Copy
#3A2212Copy
#593218Copy
#7D431CCopy
#A5531DCopy
#CE631CCopy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#5E2217Copy
#5E2817Copy
#5E2E17Copy
#5E3417Copy
#5E3917Copy
#5E3F17Copy
#5E4517Copy

💡 Use Cases

🍫

Premium Food

Boutique chocolate and single-origin coffee brands often use dark brown in their identity to convey purity, intensity, and terroir character.

🪑

Classical Furniture

Dark brown rosewood and walnut furniture is the cornerstone of both Chinese and European classical styles, settling through time and family memory.

🧥

Autumn/Winter Coats

Dark brown woolen overcoats and leather boots are timeless classic wardrobe staples, versatile, dirt-resistant, and exuding quiet luxury.

🎞️

Film Color Grading

Dark brown vignettes and film-stock toning give cinematic imagery an epic sense of gravity and narrative tension.

📜 Origin & History

The history of dark brown is buried in the fertile soil of ancient forests. Primitive humans used burnt wood and dark earth to paint their bodies for camouflage in hunting and tribal rituals. From the very beginning, dark brown was intimately linked with survival and strength.

In medieval European monasteries, dark brown represented asceticism and knowledge. Monks transcribed scriptures using dark brown ink made from oak galls. Heavy dark brown oak desks and bookshelves formed the main body of libraries, guarding human wisdom during the Dark Ages.

In the 17th-century Dutch Golden Age, dark brown enabled Rembrandt's mythic chiaroscuro. He used dark brown to lay down the dark areas of his paintings, making light seem to emerge from a bottomless abyss. Meanwhile, the Southeast Asian teak and ebony trade brought dark brown furniture to European courts.

During the Industrial Revolution, dark brown expanded alongside railways and factories. The dark rust color of cast iron, the dark brown lacquer of steam locomotives, and the dark brown workwear of laborers made this color a symbol of the power and pragmatic spirit of the great industrial age.

In the 21st century, dark brown has resurged in luxury goods and sustainable design. The packaging of organic dark chocolate, the color of premium coffee beans, and its use in eco-architecture as a softer alternative to pure black mark dark brown's transformation from heavy to restrained and sophisticated.

🧠 Color Psychology

SolidLike the root system of an ancient tree, it provides a grounded sense of certainty and is the most stable visual support.
ReservedWarmer than black, it conceals sharpness within, revealing a powerful aura of quiet authority.
ReliableInspires associations with maturity and steadiness, like a man of few words who keeps his promises, allowing people to entrust with peace of mind.
ClassicA timeless color immune to trends, like heirloom antique furniture, passing down generations yet remaining elegant.
AbundantReminiscent of fertile black soil and harvested fruit, visually suggesting fullness, richness, and nutrition.
IsolatingIf used improperly, it can bring heaviness and a sense of claustrophobia, like standing alone deep in a dense forest, longing for a sliver of light.