#5C4033
RGB(92, 64, 51)
#000000
#090605
#120C0A
#1B130F
#241914
#2E2019
#37261E
#402C23
#493328
#52392D
#5C4033
Color Values
HEX
#5c4033
RGB
rgb(92, 64, 51)
HSL
hsl(19, 29%, 28%)
CMYK
0%, 30%, 45%, 64%
HSV
19°, 45°, 36°
XYZ
6.84, 6.18, 3.96
Color Variations
Shades
#52392d
#493328
#402c23
#37261e
Tints
#6c5347
#7c665b
#8c7970
#9d8c84
Triadic Colors
#5c4033
#335c40
#40335c
Analogous Colors
#5c4033
#5c5533
#5c333b
Monochromatic Colors
#2b1e18
#3b2921
#4c352a
#5c4033
Complementary Color
#5c4033
#334f5c
CSS Examples
Dark Chocolate Texture
background: linear-gradient(
45deg,
#5c4033 25%,
#493328 25% 50%,
#5c4033 50% 75%,
#493328 75%
);
background-size: 10px 10px;
filter: contrast(1.1) brightness(0.95);Aged Wood Effect
.aged-wood {
background: #5c4033;
background-image:
repeating-linear-gradient(
90deg,
transparent,
transparent 20px,
rgba(0,0,0,0.1) 20px,
rgba(0,0,0,0.1) 25px
),
repeating-linear-gradient(
0deg,
rgba(255,255,255,0.05),
rgba(255,255,255,0.05) 1px,
transparent 1px,
transparent 5px
);
}Rich Button Style
.rich-btn {
background: linear-gradient(135deg, #5c4033, #402c23);
color: #eeebea;
border: none;
padding: 12px 24px;
border-radius: 4px;
box-shadow:
0 4px 8px rgba(92, 64, 51, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.1);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}Leather Pattern
.leather-texture {
background-color: #5c4033;
background-image:
radial-gradient(circle at 50% 50%,
rgba(0,0,0,0.2) 0%,
transparent 5%
);
background-size: 15px 15px;
box-shadow: inset 0 0 30px rgba(0,0,0,0.3);
}Classic Frame
.classic-frame {
border: 12px solid #5c4033;
border-image:
linear-gradient(
45deg,
#5c4033,
#402c23,
#5c4033,
#402c23
) 1;
box-shadow:
0 0 15px rgba(92, 64, 51, 0.4),
inset 0 0 15px rgba(92, 64, 51, 0.4);
}Elegant Text
.elegant-text {
color: #5c4033;
font-weight: 600;
letter-spacing: 0.5px;
text-shadow:
1px 1px 1px rgba(92, 64, 51, 0.2),
-1px -1px 1px rgba(255, 255, 255, 0.1);
background: linear-gradient(45deg, #5c4033, #6c5347);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}Wood Grain Animation
@keyframes grainShift {
0% { background-position: 0 0; }
100% { background-position: 100px 100px; }
}
.wood-grain {
background: repeating-linear-gradient(
45deg,
#5c4033,
#493328 10px,
#5c4033 20px
);
animation: grainShift 8s linear infinite;
}About Dark Brown
Dark Brown is a rich, deep shade that exudes warmth and stability. This earthy hue is often associated with the natural world, evoking images of fertile soil and ancient trees.
What Is Dark Brown?
Dark Brown is a deep, rich hue that combines the intensity of black with the warmth of red, creating a color reminiscent of dark chocolate, rich coffee, and aged wood. This unique shade often evokes a sense of comfort and timeless elegance.
Meaning and Symbolism
Dark Brown is commonly associated with these qualities:
- Warmth
- Stability
- Comfort
- Elegance
- Timelessness
Cultural Significance
In many cultures, Dark Brown symbolizes reliability and resilience. Historically, it has been linked to the earth and nature, often representing a connection to the natural world and a sense of groundedness.
Color Combinations
Dark Brown pairs beautifully with:
- Teal - Creates a balanced and sophisticated look
- Olive Green - Perfect for natural and organic themes
- Burnt Orange - Adds warmth and energy
