#507d2a
RGB(80, 125, 42)
#17250E
#304621
#375123
#426526
#507D2A
#6EA63C
#8DC15A
#ABD482
#CCE6B0
#E4F2D5
#F3F9EC
Color Values
HEX
#507d2a
RGB
rgb(80, 125, 42)
HSL
hsl(93°, 50%, 33%)
CMYK
36%, 0%, 66%, 51%
HSV
93°, 66%, 49%
XYZ
11.06, 16.54, 4.80
Color Variations
Shades
#487025
#406421
#38571d
#304b19
Tints
#618a3f
#729754
#84a469
#96b17f
Triadic Colors
#507d2a
#2a507d
#7d2a50
Analogous Colors
#507d2a
#2a7d2e
#7a7d2a
Monochromatic Colors
#2b4417
#38571d
#446a24
#507d2a
Complementary Color
#507d2a
#572a7d
CSS Examples
Forest Canopy Effect
.forest-canopy {
background: radial-gradient(
circle at top,
#8dc15a 0%,
#507d2a 50%,
#304621 100%
);
box-shadow:
inset 0 30px 60px rgba(141,193,90,0.3),
inset 0 -30px 60px rgba(48,70,33,0.4);
height: 300px;
}Natural Leaf Pattern
.leaf-pattern {
background-color: #507d2a;
background-image:
repeating-linear-gradient(
45deg,
transparent 0,
transparent 10px,
rgba(141,193,90,0.1) 10px,
rgba(141,193,90,0.1) 20px
),
repeating-linear-gradient(
-45deg,
transparent 0,
transparent 10px,
rgba(48,70,33,0.1) 10px,
rgba(48,70,33,0.1) 20px
);
}Botanical Button
.botanical-button {
background: linear-gradient(145deg, #6ea63c, #507d2a);
color: #ffffff;
border: none;
padding: 12px 24px;
border-radius: 25px;
box-shadow:
0 4px 15px rgba(80,125,42,0.3),
inset 0 2px 4px rgba(141,193,90,0.5);
text-transform: uppercase;
transition: transform 0.2s, box-shadow 0.2s;
}Nature's Texture
.nature-texture {
background:
linear-gradient(
rgba(80,125,42,0.9),
rgba(80,125,42,0.9)
),
url('leaf-texture.png');
background-blend-mode: overlay;
box-shadow: inset 0 0 50px rgba(48,70,33,0.5);
border-radius: 8px;
padding: 20px;
}Organic Border
.organic-border {
border: none;
background:
linear-gradient(#f3f9ec, #f3f9ec) padding-box,
linear-gradient(
45deg,
#507d2a,
#8dc15a,
#507d2a
) border-box;
border: 3px solid transparent;
border-radius: 15px;
animation: borderFlow 3s ease infinite;
}
@keyframes borderFlow {
0% { background-position: 0% 50%; }
100% { background-position: 100% 50%; }
}About Sap Green
Sap Green is a rich, earthy green that evokes the lushness of nature. This vibrant hue is derived from the juice of the buckthorn berries, traditionally used by artists for its natural and organic feel.
Historical Significance
Originating from the Mediterranean region, Sap Green has been a favorite among painters for centuries. Its versatility makes it an excellent choice for landscapes, botanical illustrations, and any design that aims to capture the essence of the natural world.
Color Characteristics
Sap Green is characterized by:
- Deep, earthy green tone
- Yellow and blue undertones
- Rich, natural appearance
- Organic and vibrant quality
- Versatile application potential
Symbolism and Meaning
Sap Green represents:
- Natural growth and vitality
- Organic and earthy qualities
- Environmental harmony
- Renewal and freshness
- Natural abundance
Modern Applications
Today, Sap Green is used in:
- Landscape and botanical art
- Eco-friendly branding
- Natural product packaging
- Environmental design
- Organic and sustainable aesthetics
