#4F666A
RGB(79, 102, 106)
#21282B
#364043
#3D4A4D
#455659
#4F666A
#5D7A7D
#789598
#A4BABC
#CAD7D7
#E3EAEA
#F4F7F7
Color Values
HEX
#4F666A
RGB
rgb(79, 102, 106)
HSL
hsl(189°, 15%, 36%)
CMYK
25%, 4%, 0%, 58%
HSV
189°, 25%, 42%
XYZ
10.58, 12.21, 15.43
Color Variations
Triadic Colors
#4F666A
#6A4F66
#666A4F
Analogous Colors
#4F666A
#4F596A
#4F6A61
Monochromatic Colors
#2E3C3E
#394A4D
#44585B
#4F666A
CSS Examples
Storm Cloud Overlay
.storm-cloud-overlay {
background: linear-gradient(
to bottom,
#4f666a,
rgba(79, 102, 106, 0.8)
);
backdrop-filter: blur(8px);
box-shadow:
0 4px 30px rgba(79, 102, 106, 0.3),
inset 0 1px rgba(255, 255, 255, 0.2);
}Storm Cloud Button
.storm-cloud-button {
background: linear-gradient(145deg, #5d7a7d, #4f666a);
color: #f4f7f7;
border: none;
padding: 12px 24px;
border-radius: 6px;
box-shadow:
3px 3px 6px #364043,
-3px -3px 6px #789598;
transition: transform 0.2s ease;
}Storm Cloud Weather
.storm-cloud-weather {
background: #4f666a;
background-image:
radial-gradient(circle at 50% 50%,
rgba(255,255,255,0.1) 5%,
transparent 6%),
radial-gradient(circle at 30% 30%,
rgba(255,255,255,0.15) 4%,
transparent 5%);
background-size: 30px 30px;
animation: storm 8s linear infinite;
}Storm Cloud Card
.storm-cloud-card {
background: #4f666a;
border-radius: 15px;
padding: 20px;
box-shadow:
inset 5px 5px 10px #455659,
inset -5px -5px 10px #5d7a7d,
5px 5px 10px rgba(54, 64, 67, 0.3);
border: 1px solid rgba(255,255,255,0.1);
}Storm Cloud Text
.storm-cloud-text {
color: #4f666a;
text-shadow:
2px 2px 4px rgba(79, 102, 106, 0.3),
-2px -2px 4px rgba(244, 247, 247, 0.8);
font-weight: bold;
letter-spacing: 1px;
}About Storm Cloud
Storm Cloud (#4F666A) is a medium dark shade of cyan that captures the essence of overcast skies and approaching storms. This sophisticated color combines blue and gray tones to create a balanced, atmospheric hue that's perfect for both digital and print applications.
Color Characteristics
- Medium dark shade of cyan
- Composed of 30.98% red, 40.0% green, and 41.57% blue
- Wavelength of approximately 488.13 nm
- Web safe alternative: #666666
Color Variations
- 25% Lighter: #667D81
- 25% Darker: #415053
- 25% Saturated: #4C686D
- 25% Desaturated: #526467
Related Named Colors
- Deep Space Sparkle (#4A646C)
- Cadet (#536872)
- Black Coral (#54626F)
- Rusty Storage (#455859)
Usage in Design
Storm Cloud is particularly effective in:
- Modern web interfaces and digital designs
- Professional business applications
- Weather-related applications and imagery
- Sophisticated UI elements and backgrounds
- Natural and environmental themes
Accessibility Considerations
When using Storm Cloud in design, ensure sufficient contrast with text colors to meet WCAG guidelines. It works well as a background color for light text and as a text color on light backgrounds.
