#e5aa70
RGB(229, 170, 112)
#000000
#16110B
#2D2216
#443321
#5B442C
#725538
#896643
#A0764E
#B78859
#CE9964
#E5AA70
Color Values
HEX
#e5aa70
RGB
rgb(229, 170, 112)
HSL
hsl(30, 69%, 67%)
CMYK
0%, 26%, 51%, 10%
HSV
30°, 51°, 90°
XYZ
49.61, 46.58, 21.70
Color Variations
Shades
#ce9964
#b78859
#a0764e
#896643
Tints
#e7b27e
#eabb8c
#ecc39a
#efcca9
Triadic Colors
#e5aa70
#70e5aa
#aa70e5
Analogous Colors
#e5aa70
#e5e570
#e57071
Monochromatic Colors
#d9842f
#dd9045
#e19d5a
#e5aa70
Complementary Color
#e5aa70
#70abe5
CSS Examples
Velvet Texture
.velvet-effect {
background: #e5aa70;
background-image:
radial-gradient(
circle at 50% 50%,
rgba(255,255,255,0.2) 0%,
rgba(229,170,112,0.8) 50%,
#e5aa70 100%
);
box-shadow: inset 0 0 20px rgba(0,0,0,0.1);
}Soft Gradient Card
.soft-card {
background: linear-gradient(
135deg,
#e5aa70,
#efcca9 50%,
#e5aa70
);
border-radius: 15px;
box-shadow:
0 8px 16px rgba(229,170,112,0.2),
inset 0 -4px 8px rgba(0,0,0,0.1);
padding: 20px;
}Nature Button
.nature-btn {
background: linear-gradient(to right, #e5aa70, #ecc39a);
color: #4a3828;
border: none;
padding: 12px 24px;
border-radius: 25px;
box-shadow:
0 4px 15px rgba(229,170,112,0.3),
inset 0 2px 0 rgba(255,255,255,0.3);
transition: transform 0.2s, box-shadow 0.2s;
}Deer Fur Pattern
.fur-pattern {
background-color: #e5aa70;
background-image:
repeating-radial-gradient(
circle at 0 0,
transparent 0,
#e5aa70 10px
),
repeating-linear-gradient(
#ecc39a55,
#ecc39a55 10px,
transparent 10px,
transparent 20px
);
}Elegant Border
.elegant-border {
border: 8px solid;
border-image: linear-gradient(
45deg,
#e5aa70,
#efcca9,
#e5aa70,
#ecc39a
) 1;
box-shadow:
0 0 15px rgba(229,170,112,0.2),
inset 0 0 8px rgba(229,170,112,0.1);
}Autumn Text
.autumn-text {
color: #e5aa70;
font-weight: 500;
text-shadow:
1px 1px 0 rgba(229,170,112,0.2),
2px 2px 4px rgba(0,0,0,0.1);
background: linear-gradient(45deg, #e5aa70, #ecc39a);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}Gentle Wave Animation
@keyframes gentleWave {
0%, 100% { background-position: 0 0; }
50% { background-position: 100% 0; }
}
.gentle-wave {
background: linear-gradient(
90deg,
#e5aa70,
#ecc39a,
#e5aa70
);
background-size: 200% 100%;
animation: gentleWave 8s ease-in-out infinite;
}About Fawn
The color fawn is a light yellowish-tan that exudes a sense of warmth and subtle elegance. This gentle hue is named after the color of a young deer, capturing the soft, natural tones found in nature.
What Is Fawn?
Fawn is a delicate blend of light yellow and tan, reminiscent of the soft, velvety fur of a young deer. This unique color often appears in nature, such as in the gentle hues of autumn leaves and the subtle tones of sandy landscapes.
Meaning and Symbolism
Fawn is commonly associated with these qualities:
- Warmth
- Elegance
- Calmness
- Neutrality
- Softness
Cultural Significance
In various cultures, the color fawn symbolizes simplicity and natural beauty. Historically, it has been used to represent humility and modesty, often seen in traditional garments and natural landscapes.
Color Combinations
Fawn pairs beautifully with:
- Teal (#008080) - Creates a balanced and visually appealing look
- Olive Green (#808000) - Perfect for natural and earthy themes
- Coral (#ff7f50) - Adds vibrancy and energy
