Color Values
HEX
#c19a6b
RGB
rgb(193, 154, 107)
HSL
hsl(33, 41%, 59%)
CMYK
0%, 20%, 45%, 24%
HSV
33°, 45°, 76°
XYZ
36.20, 35.51, 18.86
Color Variations
Shades
#ad8a60
#9a7b55
#876b4a
#735c40
Tints
#c7a479
#cdae88
#d3b897
#d9c2a6
Triadic Colors
#c19a6b
#6bc19a
#9a6bc1
Analogous Colors
#c19a6b
#bdc16b
#c16f6b
Monochromatic Colors
#9e7442
#af814a
#b98e59
#c19a6b
Complementary Color
#c19a6b
#6b92c1
CSS Examples
Desert Sand Effect
background: linear-gradient(
45deg,
#c19a6b 0%,
#d3b897 50%,
#c19a6b 100%
);
animation: sandShift 10s ease infinite;
filter: contrast(1.1);Luxury Card Design
.luxury-card {
background: #c19a6b;
border-radius: 15px;
box-shadow:
0 8px 32px rgba(193, 154, 107, 0.2),
inset 0 2px 4px rgba(255, 255, 255, 0.3);
backdrop-filter: blur(4px);
border: 1px solid rgba(193, 154, 107, 0.4);
}Elegant Button
.elegant-btn {
background: linear-gradient(135deg, #c19a6b, #d3b897);
color: #4d3d2a;
padding: 12px 24px;
border: none;
border-radius: 6px;
box-shadow:
0 4px 12px rgba(193, 154, 107, 0.3),
inset 0 2px 0 rgba(255, 255, 255, 0.2);
transition: transform 0.2s ease;
}Suede Texture
.suede-texture {
background-color: #c19a6b;
background-image:
repeating-linear-gradient(
45deg,
transparent,
transparent 2px,
rgba(0,0,0,0.05) 2px,
rgba(0,0,0,0.05) 4px
);
filter: saturate(0.9);
}Desert Pattern
background:
radial-gradient(circle at 50% 50%, #c19a6b 20%, transparent 21%),
radial-gradient(circle at 0% 50%, #d3b897 10%, transparent 11%),
radial-gradient(circle at 100% 50%, #9a7b55 10%, transparent 11%),
#876b4a;
background-size: 3em 3em;Sophisticated Text
.sophisticated-text {
color: #c19a6b;
font-weight: 500;
letter-spacing: 1px;
text-shadow: 1px 1px 2px rgba(193, 154, 107, 0.3);
background: linear-gradient(45deg, #c19a6b, #d3b897);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}Dune Animation
@keyframes duneShift {
0% { transform: translateX(0) skewX(0deg); }
50% { transform: translateX(20px) skewX(-5deg); }
100% { transform: translateX(0) skewX(0deg); }
}
.dune-element {
background: linear-gradient(135deg, #c19a6b, #9a7b55);
animation: duneShift 8s ease-in-out infinite;
}About Camel
The color camel is a warm, earthy tone that sits comfortably between beige and light brown. This versatile hue is reminiscent of the soft, sandy fur of camels, evoking a sense of natural elegance and simplicity.
What Is Camel?
Camel is a rich, warm shade that blends the softness of beige with the depth of light brown, creating a hue that is both soothing and sophisticated. This unique color is often seen in natural elements like sand dunes and autumn leaves, offering a serene and earthy aesthetic.
Meaning and Symbolism
Camel is commonly associated with these qualities:
- Timeless
- Elegant
- Versatile
- Natural
- Warm
Cultural Significance
In Western fashion, camel is often linked to sophistication and luxury, while in Middle Eastern cultures, it can evoke the vast, serene landscapes of the desert. Its versatile nature makes it a popular choice in various design contexts.
Color Combinations
Camel pairs beautifully with:
- Teal - Creates a balanced and sophisticated look
- Olive Green - Perfect for nature-inspired themes
- Burnt Orange - Adds warmth and energy
