#5E716A
RGB(94, 113, 106)
#171C1B
#2D3431
#333C39
#3D4844
#495853
#5E716A
#778A83
#9CACA5
#C2CDC8
#E1E6E4
#F6F7F7
Color Values
HEX
#5E716A
RGB
rgb(94, 113, 106)
HSL
hsl(158°, 9%, 41%)
CMYK
17%, 0%, 6%, 56%
HSV
158°, 17%, 44%
XYZ
13.12, 15.23, 15.88
Color Variations
Triadic Colors
#5E716A
#6A5E71
#716A5E
Analogous Colors
#5E716A
#5E6F71
#5E7161
Monochromatic Colors
#3B4743
#475550
#52635D
#5E716A
CSS Examples
Forest Mist
.forest-mist {
background: linear-gradient(
135deg,
#5e716a 0%,
#778a83 50%,
#5e716a 100%
);
box-shadow:
inset 0 2px 3px rgba(255,255,255,0.2),
inset 0 -2px 3px rgba(0,0,0,0.2);
backdrop-filter: blur(5px);
}Sage Panel
.sage-panel {
background-color: #5e716a;
background-image:
repeating-linear-gradient(
45deg,
rgba(255,255,255,0.1) 0px,
rgba(255,255,255,0.1) 2px,
transparent 2px,
transparent 4px
);
border: 1px solid #778a83;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}Nature Button
.nature-button {
background: #5e716a;
color: #f6f7f7;
border: none;
border-radius: 8px;
padding: 12px 24px;
transition: all 0.3s ease;
&:hover {
background: #778a83;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(94,113,106,0.3);
}
}Moss Card
.moss-card {
background: #5e716a;
border-radius: 12px;
padding: 20px;
box-shadow:
inset 0 2px 4px rgba(255,255,255,0.1),
inset 0 -2px 4px rgba(0,0,0,0.2),
0 4px 8px rgba(0,0,0,0.1);
border: 1px solid rgba(255,255,255,0.1);
}Natural Pattern
.natural-pattern {
background-color: #5e716a;
background-image:
radial-gradient(circle at 50% 0,
rgba(255,255,255,.2) 0%,
transparent 75%),
radial-gradient(circle at 0% 50%,
rgba(96,115,108,.1) 0%,
transparent 50%);
background-size: 20px 20px;
}About Gray-Green
Gray-Green (#5E716A) is a medium dark pastel shade that perfectly balances gray and green tones. This sophisticated color combines the neutrality of gray with the natural essence of green, creating a versatile and calming hue.
Color Characteristics
- Medium dark pastel shade
- Composed of 30.98% red, 40.0% green, and 41.57% blue
- Low saturation and medium lightness
- Natural and earthy appearance
Color Values
- RGB: 94, 113, 106
- HSL: 158°, 9%, 41%
- CMYK: 17%, 0%, 6%, 56%
- Web Safe: #666666
Usage in Design
Gray-Green excels in:
- Natural and environmental themes
- Professional business applications
- Interior design and architecture
- Eco-friendly branding
- Sophisticated UI elements
Accessibility Considerations
Gray-Green has a natural luminance of 34%, which provides good contrast with black text. When using this color in design, ensure sufficient contrast ratios for text readability, particularly for accessibility compliance.
Color Combinations
- Works well with earth tones
- Complements warm woods
- Pairs beautifully with cream colors
- Effective with deeper greens
- Harmonious with soft grays
