#4B4E53
RGB(75, 78, 83)
#242528
#3A3C3F
#424548
#4B4E53
#585C62
#676C73
#82888E
#ACB0B4
#CED1D3
#E5E7E8
#F5F6F6
Color Values
HEX
#4B4E53
RGB
rgb(75, 78, 83)
HSL
hsl(218°, 5%, 31%)
CMYK
10%, 6%, 0%, 67%
HSV
218°, 10%, 33%
XYZ
7.19, 7.57, 9.27
Color Variations
Triadic Colors
#4B4E53
#534B4E
#4E534B
Analogous Colors
#4B4E53
#4C4B53
#4B5253
Monochromatic Colors
#27282B
#333538
#3F4146
#4B4E53
CSS Examples
Graphite Surface
.graphite-surface {
background: linear-gradient(
45deg,
#4b4e53,
#585c62 50%,
#4b4e53
);
box-shadow:
inset 0 2px 3px rgba(255,255,255,0.2),
inset 0 -2px 3px rgba(0,0,0,0.2);
border-radius: 4px;
}Pencil Sketch Effect
.pencil-sketch {
background-color: #4b4e53;
background-image:
linear-gradient(45deg, #585c62 25%, transparent 25%),
linear-gradient(-45deg, #585c62 25%, transparent 25%);
background-size: 4px 4px;
box-shadow: inset 0 0 30px rgba(0,0,0,0.3);
}Graphite Button
.graphite-button {
background: #4b4e53;
border: none;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease;
&:hover {
background: #585c62;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
}Industrial Panel
.industrial-panel {
background: repeating-linear-gradient(
45deg,
#4b4e53,
#4b4e53 10px,
#585c62 10px,
#585c62 20px
);
border: 2px solid #676c73;
box-shadow:
0 0 0 1px rgba(0,0,0,0.1),
0 2px 4px rgba(0,0,0,0.2);
}Graphite Overlay
.graphite-overlay {
background: rgba(75, 78, 83, 0.9);
backdrop-filter: blur(8px);
border-left: 3px solid #82888e;
box-shadow:
0 4px 6px rgba(0,0,0,0.1),
0 1px 3px rgba(0,0,0,0.08);
transition: transform 0.2s ease;
}About Graphite Gray
Graphite Gray is a sophisticated medium gray color that combines professionalism with versatility. With its PMS designation as Cool Gray 11 C, it's a popular choice in both digital and print design.
Technical Specifications
- PMS: Cool Gray 11 C
- Hex Color: #4B4E53
- RGB: (75, 78, 83)
- CMYK: (10, 6, 0, 67)
Complementary Colors
- #8895A8 - Steel Blue Gray
- #A8A8A8 - Medium Gray
- #A89877 - Warm Taupe
- #5C5954 - Dark Warm Gray
Applications
Graphite Gray finds extensive use in:
- Professional graphic design
- Web and UI design
- Corporate branding
- Print materials
- Industrial design
Design Tips
When working with Graphite Gray:
- Use it as a sophisticated alternative to black
- Perfect for professional text and backgrounds
- Combines well with both warm and cool colors
- Excellent for creating depth in designs
- Works well in both minimal and complex layouts
Color Creation
Creating the perfect Graphite Gray requires precision in any graphic system. The color is achieved through a careful balance of RGB values (75, 78, 83) or CMYK values (10, 6, 0, 67). This specific combination creates a versatile gray that maintains its character across different mediums.
