#50C878
RGB(80, 200, 120)
#0A2916
#1C4B2E
#205B34
#22733D
#27924C
#36B15F
#50C878
#93E2AE
#C2F0D1
#E0F8E7
#F2FBF5
Color Values
HEX
#50C878
RGB
rgb(80, 200, 120)
HSL
hsl(140°, 52%, 55%)
CMYK
60%, 0%, 40%, 22%
HSV
140°, 60%, 78%
XYZ
27.35, 44.37, 24.89
Color Variations
Shades
#48b46c
#40a060
#388c54
#307848
Tints
#61cd85
#72d393
#84d8a0
#96deae
Triadic Colors
#50C878
#7850C8
#C87850
Analogous Colors
#50C878
#50C8B4
#64C850
Monochromatic Colors
#319b54
#37ae5f
#3dc269
#50C878
Complementary Color
#50C878
#C850A0
CSS Examples
Historical Paint Effect
.historical-paint {
background: linear-gradient(
145deg,
#50C878 0%,
#93e2ae 50%,
#c2f0d1 100%
);
border-radius: 8px;
box-shadow:
inset 0 2px 15px rgba(255,255,255,0.4),
inset 0 -2px 15px rgba(0,0,0,0.1);
opacity: 0.95;
}Vintage Pattern
.vintage-pattern {
background-color: #50C878;
background-image:
linear-gradient(30deg,
rgba(255,255,255,.2) 25%,
transparent 25%),
linear-gradient(150deg,
rgba(255,255,255,.2) 25%,
transparent 25%);
background-size: 60px 60px;
box-shadow: inset 0 0 40px rgba(80,200,120,0.4);
}Emerald Button
.emerald-button {
background: linear-gradient(to bottom, #50C878, #36b15f);
color: white;
border: none;
padding: 12px 24px;
border-radius: 4px;
box-shadow:
0 4px 6px rgba(80,200,120,0.3),
inset 0 1px 0 rgba(255,255,255,0.4);
text-transform: uppercase;
letter-spacing: 1px;
}Artistic Brush Stroke
@keyframes brushStroke {
0% { clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); }
100% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
}
.brush-stroke {
background: linear-gradient(45deg, #50C878, #93e2ae);
animation: brushStroke 1.5s ease-out forwards;
border-radius: 2px;
box-shadow: 2px 4px 8px rgba(80,200,120,0.3);
}Classic Frame
.classic-frame {
border: 8px solid transparent;
border-image: linear-gradient(
45deg,
#50C878,
#93e2ae,
#50C878,
#36b15f
) 1;
padding: 20px;
background:
linear-gradient(rgba(80,200,120,0.1), rgba(80,200,120,0.1)),
repeating-linear-gradient(
45deg,
transparent,
transparent 20px,
rgba(80,200,120,0.05) 20px,
rgba(80,200,120,0.05) 40px
);
}Artistic Text
.artistic-text {
color: #50C878;
text-shadow:
2px 2px 0 rgba(80,200,120,0.3),
-1px -1px 0 rgba(255,255,255,0.5);
font-weight: bold;
background: linear-gradient(120deg, #50C878, #93e2ae);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
letter-spacing: 2px;
}Gallery Card
.gallery-card {
background: #50C878;
background-image:
radial-gradient(
circle at top right,
rgba(255,255,255,0.3),
transparent 70%
);
border-radius: 12px;
box-shadow:
0 8px 16px rgba(80,200,120,0.2),
inset 0 -4px 8px rgba(0,0,0,0.1);
border: 1px solid rgba(80,200,120,0.5);
}About Paris Green
Paris green is a historic pigment with a rich and complex history. Originally manufactured in 1814 as a vibrant green paint, it became widely used by many notable painters in the 19th century.
Historical Significance
The color was first created by Wilhelm Sattler and Friedrich Russ in Schweinfurt, Germany. It was later named Paris green and became recognized as an important pigment in art history. The color ranges from a pale blue-green when finely ground to a deeper green when coarsely ground.
Usage in Art
Paris green was particularly popular among 19th-century artists, including:
- Claude Monet
- Paul Gauguin
- Vincent van Gogh
- Georges Seurat
Color Properties
Paris Green (#50C878) is characterized by:
- Vibrant emerald tone
- Rich, deep green hue
- Blue-green undertones
- High saturation
- Strong visual impact
Modern Applications
Today, Paris Green is used in:
- Digital art and design
- Color reproductions of historical works
- Contemporary painting (using safe alternatives)
- Decorative and interior design
- Fashion and textile design
