Color Values
HEX
#988558
RGB
rgb(152, 133, 88)
HSL
hsl(42, 27%, 47%)
CMYK
0%, 13%, 42%, 40%
HSV
42°, 42°, 60°
XYZ
23.10, 24.16, 12.68
Color Variations
Shades
#88774f
#796a46
#6a5d3d
#5b4f34
Tints
#a29168
#ac9d79
#b6a98a
#c1b59a
Triadic Colors
#988558
#589885
#855898
Analogous Colors
#988558
#8b9858
#986558
Monochromatic Colors
#685b3c
#786945
#88774f
#988558
Complementary Color
#988558
#586b98
CSS Examples
Desert Sand Pattern
background: linear-gradient(
45deg,
#988558 25%,
#88774f 25% 50%,
#988558 50% 75%,
#88774f 75%
);
background-size: 30px 30px;
filter: saturate(1.1) brightness(1.05);Weathered Leather
.leather-effect {
background: #988558;
background-image:
repeating-linear-gradient(
45deg,
transparent,
transparent 10px,
rgba(0,0,0,0.05) 10px,
rgba(0,0,0,0.05) 20px
);
box-shadow:
inset 0 0 50px rgba(0,0,0,0.2),
inset 0 0 20px rgba(0,0,0,0.1);
}Safari Button
.safari-btn {
background: linear-gradient(135deg, #988558, #796a46);
color: #f4f2ee;
border: none;
padding: 12px 24px;
border-radius: 6px;
box-shadow:
0 4px 8px rgba(152, 133, 88, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.2);
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}Woven Texture
.woven-pattern {
background-color: #988558;
background-image:
linear-gradient(45deg, transparent 50%, #88774f 50%),
linear-gradient(-45deg, transparent 50%, #88774f 50%);
background-size: 20px 20px;
opacity: 0.9;
}Vintage Frame
.vintage-frame {
border: 10px solid #988558;
border-image:
linear-gradient(
45deg,
#988558,
#796a46,
#988558,
#796a46
) 1;
box-shadow:
0 0 20px rgba(152, 133, 88, 0.3),
inset 0 0 10px rgba(152, 133, 88, 0.2);
}Desert Text
.desert-text {
color: #988558;
font-weight: 600;
letter-spacing: 1px;
text-shadow:
1px 1px 0 rgba(152, 133, 88, 0.2),
2px 2px 3px rgba(0, 0, 0, 0.1);
background: linear-gradient(45deg, #988558, #a29168);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}Sand Dune Animation
@keyframes sandDrift {
0% { background-position: 0 0; }
50% { background-position: 30px 0; }
100% { background-position: 0 0; }
}
.sand-dune {
background: repeating-linear-gradient(
135deg,
#988558,
#88774f 20px,
#988558 40px
);
animation: sandDrift 6s ease-in-out infinite;
}About Dark Tan
Dark Tan is a rich, earthy color that exudes warmth and stability. This medium-dark shade of brown is reminiscent of natural elements like leather and wood, making it a versatile choice for various design applications.
What Is Dark Tan?
Dark Tan is a deep, muted brown with undertones of gray, evoking the natural hues of aged leather and weathered wood. This color is often seen in rustic furniture, vintage accessories, and autumn foliage, giving it a timeless and organic feel.
Meaning and Symbolism
Dark Tan is commonly associated with these qualities:
- Warm
- Stable
- Grounded
- Sophisticated
- Timeless
Cultural Significance
In different cultures, Dark Tan often symbolizes reliability and resilience. Historically, it has been linked to natural materials and traditional craftsmanship, reflecting a deep connection to the earth and heritage.
Color Combinations
Dark Tan pairs beautifully with:
- Navy Blue - Creates a classic and sophisticated look
- Forest Green - Perfect for natural and organic themes
- Deep Red - Adds warmth and richness
