#B2C248
RGB(178, 194, 72)
#000000
#111307
#23260E
#353A15
#474D1C
#596124
#6A742B
#7C8732
#8E9B39
#A0AE40
#B2C248
Color Values
HEX
#B2C248
RGB
rgb(178, 194, 72)
HSL
hsl(68, 50%, 52%)
CMYK
8%, 0%, 63%, 24%
HSV
68°, 63%, 76%
XYZ
38.82, 48.52, 13.45
Color Variations
Shades
#a0ae40
#8e9b39
#7c8732
#6a742b
Tints
#b9c85a
#c1ce6c
#c9d47e
#d0da91
Triadic Colors
#B2C248
#48B2C2
#C248B2
Analogous Colors
#B2C248
#75C248
#C29548
Monochromatic Colors
#828e2f
#93a136
#a5b43c
#B2C248
Complementary Color
#B2C248
#5848C2
CSS Examples
Avocado Gradient
.avocado-gradient {
background: linear-gradient(
135deg,
#B2C248 0%,
#93a136 50%,
#75C248 100%
);
border-radius: 12px;
box-shadow: 0 8px 32px rgba(178,194,72,0.3);
}Nature Card
.nature-card {
background-color: #B2C248;
background-image:
radial-gradient(
circle at top right,
rgba(255,255,255,0.2) 0%,
transparent 60%
);
border: 2px solid #93a136;
box-shadow:
0 10px 20px rgba(178,194,72,0.2),
inset 0 -4px 0 rgba(0,0,0,0.1);
}Eco Button
.eco-button {
background: linear-gradient(to right, #B2C248, #75C248);
color: white;
border: none;
padding: 12px 24px;
border-radius: 25px;
box-shadow:
0 4px 15px rgba(178,194,72,0.3),
inset 0 -3px 0 rgba(0,0,0,0.1);
transition: transform 0.2s ease;
}Leaf Pattern
.leaf-pattern {
background-color: #B2C248;
background-image:
linear-gradient(45deg,
transparent 48%,
rgba(255,255,255,0.1) 50%,
transparent 52%
);
background-size: 20px 20px;
box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
}Natural Border
.natural-border {
border: 3px solid #B2C248;
border-image: linear-gradient(
45deg,
#B2C248,
#75C248,
#93a136,
#B2C248
) 1;
box-shadow: 0 0 15px rgba(178,194,72,0.2);
}Organic Text
.organic-text {
color: #B2C248;
text-shadow:
2px 2px 0 rgba(178,194,72,0.2),
-1px -1px 0 rgba(255,255,255,0.3);
font-weight: bold;
letter-spacing: 1px;
}Growth Animation
@keyframes naturalGrowth {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
.growing-element {
background: #B2C248;
animation: naturalGrowth 2s ease infinite;
box-shadow: 0 0 20px rgba(178,194,72,0.4);
}About Avocado Green
Avocado Green (#B2C248) is a fresh, natural hue that combines the vibrancy of yellow-green with earthy undertones, creating a color that's both energetic and grounded.
Color Values
The color is composed of:
- RGB: 178, 194, 72 (balanced mix of red and green with lower blue)
- HSL: 68°, 50%, 52% (moderate saturation and lightness)
- CMYK: 8%, 0%, 63%, 24% (high yellow component)
Usage and Combinations
Avocado Green works exceptionally well in:
- Natural and organic designs
- Eco-friendly branding
- Food and wellness applications
- Garden and landscape design
Color Psychology
Avocado Green is associated with:
- Growth and vitality
- Natural health and wellness
- Organic lifestyle
- Environmental consciousness
- Fresh beginnings