Color Values
HEX
#ffb7c5
RGB
rgb(255, 183, 197)
HSL
hsl(348, 100%, 86%)
CMYK
0%, 28%, 23%, 0%
HSV
348°, 28°, 100°
XYZ
68.25, 59.16, 60.64
Color Variations
Shades
#e5a4b1
#cc929d
#b28089
#996d76
Tints
#ffbeca
#ffc5d0
#ffccd6
#ffd3dc
Triadic Colors
#ffb7c5
#c5ffb7
#b7c5ff
Analogous Colors
#ffb7c5
#ffcdb7
#ffb7e9
Monochromatic Colors
#ff6b87
#ff849c
#ff9eb0
#ffb7c5
Complementary Color
#ffb7c5
#b7fff1
Alternative Colors
#ffb7d7
#ffb7d1
#ffb7cb
#ffb7bf
CSS Examples
Background Color
background-color: #ffb7c5;Text Color
color: #ffb7c5;Border Color
border: 2px solid #ffb7c5;Cherry Blossom Petal Effect
background: radial-gradient(circle at 30% 30%,
#ffb7c5 0%,
#ffbeca 45%,
#ffc5d0 75%,
#ffccd6 100%);
filter: drop-shadow(0 0 5px rgba(255, 183, 197, 0.3));
animation: petalFloat 5s ease-in-out infinite;Sakura Card Design
background: linear-gradient(135deg, #ffb7c5, #ffd3dc);
border-radius: 15px;
box-shadow: 0 8px 32px rgba(255, 183, 197, 0.2);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 183, 197, 0.3);Spring Breeze Animation
@keyframes springBreeze {
0% { transform: rotate(0deg) translateY(0); }
50% { transform: rotate(5deg) translateY(-10px); }
100% { transform: rotate(0deg) translateY(0); }
}
.spring-element {
background-color: #ffb7c5;
animation: springBreeze 4s ease-in-out infinite;
}Delicate Text Effect
color: #ffb7c5;
text-shadow: 1px 1px 2px rgba(255, 183, 197, 0.6);
letter-spacing: 2px;
font-weight: 300;
transition: all 0.3s ease;Blossom Button
background: linear-gradient(45deg, #ffb7c5, #ffd3dc);
color: #996d76;
padding: 12px 24px;
border: none;
border-radius: 30px;
box-shadow: 0 5px 15px rgba(255, 183, 197, 0.3);
transition: all 0.3s ease-in-out;Petal Pattern
background-image:
radial-gradient(#ffb7c5 20%, transparent 20%),
radial-gradient(#ffd3dc 20%, transparent 20%);
background-size: 20px 20px;
background-position: 0 0, 10px 10px;
animation: patternFloat 10s linear infinite;Sakura Glow
.sakura-glow {
background-color: #ffb7c5;
box-shadow: 0 0 15px #ffb7c5,
0 0 30px #ffd3dc,
0 0 45px #ffbeca;
animation: glowPulse 2s ease-in-out infinite;
}About Cherry Blossom Pink
Cherry Blossom Pink is a delicate, soft pink that evokes the beauty of cherry blossoms in full bloom. This gentle hue is inspired by the iconic cherry blossom trees of Japan, which symbolize renewal and the fleeting nature of life.
Cherry Blossom Pink is perfect for creating a calming and serene atmosphere. You might choose to use this color in wedding invitations, nursery decor, or spring-themed designs to capture its tranquil and refreshing essence.
What Is Cherry Blossom Pink's Meaning?
Cherry Blossom Pink is commonly associated with these qualities:
- Delicate
- Serene
- Romantic
- Ephemeral
- Refreshing
In Japan, Cherry Blossom Pink symbolizes the transient nature of life, reflecting the fleeting beauty of cherry blossoms. In Western cultures, it often represents romance and innocence, making it a popular choice for weddings and spring celebrations.
Using cherry blossom pink in your design can evoke feelings of tranquility and romance. This gentle hue communicates a sense of calmness and delicate beauty, making it perfect for creating a serene atmosphere.
