Color Values
HEX
#ef98aa
RGB
rgb(239, 152, 170)
HSL
hsl(348, 73%, 77%)
CMYK
0%, 36%, 29%, 6%
HSV
348°, 36°, 94°
XYZ
54.08, 43.71, 43.62
Color Variations
Shades
#d78899
#bf7988
#a76a76
#8f5b66
Tints
#f0a2b2
#f2acbb
#f3b6c3
#f5c1cc
Triadic Colors
#ef98aa
#aaef98
#98aaef
Analogous Colors
#ef98aa
#efb298
#ef98d6
Monochromatic Colors
#e55673
#e86c86
#ec8298
#ef98aa
Complementary Color
#ef98aa
#98efdd
CSS Examples
Whimsical Gradient
background: linear-gradient(
45deg,
#ef98aa 0%,
#f3b6c3 50%,
#ef98d6 100%
);
filter: brightness(1.05);
transition: all 0.3s ease;Romantic Card Effect
.romantic-card {
background-color: #ef98aa;
border-radius: 20px;
box-shadow:
0 8px 16px rgba(239, 152, 170, 0.2),
inset 0 -4px 8px rgba(255, 255, 255, 0.3);
backdrop-filter: blur(5px);
transform: perspective(1000px) rotateX(5deg);
}Dreamy Animation
@keyframes dreamyFloat {
0% { transform: translateY(0) rotate(0); }
50% { transform: translateY(-10px) rotate(2deg); }
100% { transform: translateY(0) rotate(0); }
}
.dreamy-element {
background: #ef98aa;
animation: dreamyFloat 4s ease-in-out infinite;
}Playful Button
.playful-btn {
background: linear-gradient(135deg, #ef98aa, #ef98d6);
color: white;
padding: 12px 24px;
border: none;
border-radius: 50px;
box-shadow: 0 4px 15px rgba(239, 152, 170, 0.4);
transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}Whimsical Pattern
background:
radial-gradient(circle at 50% 50%, #ef98aa 10%, transparent 10.5%),
radial-gradient(circle at 0% 50%, #f3b6c3 5%, transparent 5.5%),
radial-gradient(circle at 100% 50%, #ef98d6 5%, transparent 5.5%);
background-size: 3em 3em;
background-color: #fdf4f6;Elegant Text Style
.elegant-text {
color: #ef98aa;
font-weight: 300;
letter-spacing: 2px;
text-shadow: 2px 2px 4px rgba(239, 152, 170, 0.3);
background: linear-gradient(45deg, #ef98aa, #ef98d6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}Fairy Dust Effect
@keyframes fairyDust {
0%, 100% { opacity: 0; transform: scale(0); }
50% { opacity: 1; transform: scale(1); }
}
.fairy-particle {
background: radial-gradient(circle, #ef98aa, transparent);
filter: blur(1px);
animation: fairyDust 2s ease-in-out infinite;
}About Mauvelous
Mauvelous is a delightful shade that blends pink and purple, creating a soft, whimsical hue. This charming color is often associated with creativity and romance, making it a popular choice for various design projects.
What Is Mauvelous?
Originating from the Crayola crayon box, Mauvelous has become a beloved color in the world of art and design. Its unique blend creates a soft, whimsical hue that exudes a sense of playful elegance, reminiscent of blooming flowers and twilight skies.
Meaning and Symbolism
Mauvelous is commonly associated with these qualities:
- Creative
- Romantic
- Whimsical
- Playful
- Sophisticated
Cultural Significance
In Western cultures, Mauvelous is often linked to romance and creativity, while in some Eastern traditions, it may represent spirituality and introspection. Its versatile nature makes it a popular choice in various design contexts.
Applications
Using Mauvelous in your design can evoke feelings of joy and creativity. This soft, whimsical hue communicates a sense of playful elegance, making it perfect for:
- Wedding invitations
- Children's room decor
- Branding materials
- Creative projects
- Romantic designs
