#545851
RGB(84, 88, 81)
#191B18
#30322F
#373936
#424540
#545851
#666A62
#80857C
#A4A7A1
#C8CAC5
#E4E5E2
#F6F7F6
Color Values
HEX
#545851
RGB
rgb(84, 88, 81)
HSL
hsl(94°, 4%, 33%)
CMYK
5%, 0%, 8%, 65%
HSV
94°, 8%, 35%
XYZ
8.63, 9.46, 9.16
Color Variations
Triadic Colors
#545851
#515458
#585154
Analogous Colors
#545851
#515852
#585851
Monochromatic Colors
#2E302C
#3B3D39
#474B45
#545851
CSS Examples
Camouflage Pattern
.camouflage-pattern {
background-color: #545851;
background-image:
radial-gradient(#666a62 15%, transparent 16%),
radial-gradient(#424540 15%, transparent 16%);
background-size: 60px 60px;
background-position: 0 0, 30px 30px;
animation: patternMove 10s linear infinite;
}Military Button
.military-button {
background: linear-gradient(145deg, #666a62, #545851);
color: #f6f7f6;
border: 2px solid #424540;
box-shadow:
inset 0 1px 1px rgba(255,255,255,0.1),
0 2px 4px rgba(0,0,0,0.2);
text-transform: uppercase;
letter-spacing: 2px;
}Tactical Panel
.tactical-panel {
background: #545851;
border: 1px solid #666a62;
box-shadow:
inset 0 0 20px rgba(0,0,0,0.2),
0 0 15px rgba(0,0,0,0.1);
background-image: repeating-linear-gradient(
45deg,
transparent,
transparent 10px,
rgba(0,0,0,0.05) 10px,
rgba(0,0,0,0.05) 20px
);
}Combat Card
.combat-card {
background: #545851;
border-radius: 4px;
padding: 20px;
border: 2px solid #424540;
box-shadow:
inset 0 1px 3px rgba(255,255,255,0.1),
inset 0 -2px 3px rgba(0,0,0,0.2);
background-image:
linear-gradient(45deg,
transparent 48%,
rgba(0,0,0,0.1) 50%,
transparent 52%);
background-size: 10px 10px;
}Military Text
.military-text {
color: #545851;
text-transform: uppercase;
letter-spacing: 3px;
text-shadow:
1px 1px 0 #666a62,
-1px -1px 0 #424540;
font-weight: bold;
-webkit-text-stroke: 0.5px rgba(0,0,0,0.1);
}About Camouflage Gray
Camouflage Gray (#545851) is a medium dark shade with subtle green undertones, inspired by military and tactical design. This versatile color combines the neutrality of gray with a hint of olive, making it perfect for both practical and aesthetic applications.
Color Characteristics
- Medium dark neutral shade
- Contains subtle green undertones
- Low saturation (4%)
- Medium-low lightness (33%)
Color Values
- RGB: 84, 88, 81 (33.20%, 34.78%, 32.02%)
- HSL: 94°, 4%, 33%
- CMYK: 5%, 0%, 8%, 65%
- Web Safe: #666666
Usage in Design
Camouflage Gray excels in:
- Military and tactical applications
- Industrial design
- Outdoor and adventure themes
- Professional interfaces
- Technical documentation
Accessibility Considerations
When using Camouflage Gray in design, ensure sufficient contrast with text colors. It provides good contrast with white text (WCAG AAA compliant) and works well as a background color for light text elements.
Color Combinations
- Pairs well with olive drab
- Complements khaki and tan
- Works with darker military greens
- Effective with black and white accents
- Harmonious with earth tones
