Gray Brown

Restrained interweaving of gray and brown, a low-key, detached, rustic beauty

HEX#8B8680
RGBrgb(139, 134, 128)
HSLhsl(33, 5%, 52%)
HSVhsv(33, 8%, 55%)
CMYKcmyk(0%, 4%, 8%, 45%)
HEXA#8B8680FF
RGBArgba(139, 134, 128, 1)
HSLAhsla(33, 5%, 52%, 1)
OKLCHoklch(80.8%, 0.006, 73)
LCHlch(77.8%, 6.8, 199)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#8B7F7E
Copy
#8B8680
Copy
#8A8B7E
Triadic3 hues spaced 120° apart
Copy
#8B8680
Copy
#7E8B85
Copy
#857E8B
Split ComplementaryMain color + colors adjacent to its complement
Copy
#8B8680
Copy
#7E8A8B
Copy
#7F7E8B
Complementary2 hues spaced 180° apart
Copy
#8B8680
Copy
#7E848B
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#8B8680
Copy
#7E8B7F
Copy
#7E848B
Copy
#8B7E8A
MonochromaticSingle hue with varying saturation and lightness
Copy
#201F1D
Copy
#56524E
Copy
#8B8680
Copy
#BBB8B4
Copy
#ECEBEA

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#FFFFFFRatio 3.6:1AA Large
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#FFFFFFRatio 3.6:1AA Large
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#E8E9E7Ratio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#BCC2C0Ratio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, stepwise lightness adjustment ±30%
#3B3835Copy
#56524ECopy
#706C66Copy
#8B857ECopy
#A39F99Copy
#BBB8B4Copy
#D3D1CFCopy
Saturation VariationFixed hue and lightness, stepwise saturation adjustment ±30%
#918678Copy
#918678Copy
#918678Copy
#918678Copy
#978672Copy
#A38866Copy
#AF895ACopy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation adjustment
#4F463BCopy
#675B4CCopy
#7E6F5DCopy
#95846FCopy
#A69887Copy
#B7AC9ECopy
#CDC1B2Copy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#8B827ECopy
#8B837ECopy
#8B847ECopy
#8B857ECopy
#8B867ECopy
#8B877ECopy
#8B887ECopy

💡 Use Cases

🏗️

Building Facade

The gray-brown exterior walls of fair-faced concrete and travertine are masterstrokes by architects like Tadao Ando for constructing light, shadow, and space.

👘

Zen Tea Room

Gray-brown coarse pottery tea sets and tatami spaces discard ornate decoration, returning to the original flavor of a single bowl of tea.

📱

Digital Products

Gray-brown phone cases and earphones are dirt-resistant with a metallic texture, the low-key, business-friendly choice in the tech world.

🎨

Oil Painting Ground

A gray-brown canvas ground can neutralize the 'fiery' nature of all pigments, making bright colors more prominent and dark colors more breathable.

📜 Origin & History

Gray brown is the color relic left after time's weathering. The limestone column bases of ancient Egyptian temples and Greek statues, eroded by millennia of wind and sand, shed their bright white exteriors to reveal a layer of gray-brown age patina, witnessing the antiquity and impermanence of civilizations.

In medieval Northern Europe, Viking stone houses and castles were built using locally sourced gray-brown stones, forming cold but sturdy homes. This unadorned architectural primary color exuded silent resistance and a tenacious will to survive in the extreme cold.

During Japan's Muromachi period, tea ceremony master Murata Juko esteemed gray-brown Raku tea bowls. This gray brown, between the hue of cigarette ash and withered stone, perfectly matched the Wabi-sabi ideal, discovering the ultimate beauty of withered stillness and tranquility within imperfection and roughness.

In the 19th century, heavy smoke and coal soot from the Industrial Revolution enveloped London. Brick and stone building surfaces were gradually stained gray brown. Architects began proactively choosing dirt-resistant gray-brown Portland stone, allowing the city to maintain a composed and orderly face amidst the pollution.

In contemporary interior design, gray brown is a favorite of modern minimalism and 'poor' styles. The gray-brown tones of micro-cement and fair-faced concrete erase superfluous decoration, creating an empty, rational, Zen-like meditative space—a container of blankness.

🧠 Color Psychology

RestrainedA rational color where emotions are not shown, cooling all passion and leaving only calm thought and judgment.
UnworldlyLike a hermit's gray robe, indifferent to fame and fortune, displaying a pure and serene state of mind detached from worldly affairs.
SolitaryCarries a subtle sense of alienation, like a forest shrouded in winter mist, maintaining a polite distance.
RefinedA high-level aesthetic that does not follow trends, appreciating the dilapidation and age left by time, possessing a unique charm.
NeutralPerfectly avoids gender and personality indications. An emotionless, objective existence, possessing extreme tolerance and inclusiveness.
DecadentExcessive use can easily create a sense of desolate ruin and end-of-days feeling, like the rubble of civilization, dead and devoid of vitality.