Grayish Brown

Gray-Brown Muted, An Elegant Neutral

Brown & Tan Serene Standard Color

HEX#3F3231

RGBrgb(63, 50, 49)

HSLhsl(4, 13%, 22%)

HSVhsv(4, 22%, 25%)

CMYKcmyk(0%, 21%, 22%, 75%)

HEXA#3F3231FF

RGBArgba(63, 50, 49, 1)

HSLAhsla(4, 13%, 22%, 1)

OKLCHoklch(59.3%, 0.017, 23)

LCHlch(52.6%, 0.8, 272)

🎨 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

#CEC1C0Ratio 7:1AAA

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

Aa14px Body

Standard Text

#A69B8CRatio 4.5:1AA

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#7D7F62Ratio 3:1AA Large

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

Aa14px Body

Decorative / Dividers

#506851Ratio 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%

#141010

#1A1414

#231B1B

#28201F

#312626

#372B2A

#3F3231

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

#3B3635

#3C3534

#3D3434

#3D3433

#3E3332

#3F3231

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#131111

#181616

#211D1C

#272121

#302827

#362C2B

#3F3231

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

#3F3133

#3F3132

#3F3131

#3F3231

#3F3331

#3F3431

#3F3531

💡 Use Cases

🏢

Architecture & Urban Design

Used in modern architecture and urban planning for its neutral, practical, and sophisticated qualities.

🏠

Interior Design

A popular wall color for contemporary interiors, providing a calm, neutral, and elegant backdrop.

🧥

Fashion

Used in clothing for its understated, modern elegance, a versatile neutral for city dressing.

💻

Digital & Graphic Design

An effective background color in digital design, providing a calm, professional, and modern feel.

📜 Origin & History

Grayish Brown is a standard RAL color, a dark, muted, and neutral color that is a blend of brown and gray. It is a color often found in urban environments, in stone, and in dry, weathered landscapes.

This color became significant in the 20th century with the rise of modernism and functional design. Its neutral, understated nature made it a popular choice for architecture, city planning, and industrial design.

Grayish Brown was a key color for the Bauhaus movement and other functionalist design schools, chosen for its lack of flash and its practicality. It represents the marriage of warmth and neutrality.

Today, it is a sophisticated and modern color, used extensively in contemporary interiors, architecture, and design to create a sense of calm, neutrality, and understated elegance.

Grayish Brown represents the modern urban landscape, a color of stability and neutrality. It conveys a sense of peace, professionalism, and quiet, reliable strength.

🧠 Color Psychology

SereneGrayish Brown is a serene, calming color, creating a peaceful, quiet, and stable atmosphere.

NeutralIt is a highly neutral color, providing an excellent, non-distracting background that works with many palettes.

ModernGrayish Brown feels distinctly modern and urban, a sophisticated choice for contemporary design.

PracticalThe color is practical and functional, often used in contexts where durability and neutrality are key.

GroundingDespite its grayness, the brown undertones keep it grounded, connecting it to the earth and nature.

ProfessionalIt conveys a sense of professionalism, order, and a systematic, serious approach.

← Back to Explore Colors