#1F2022
RGB(31, 32, 34)
#1F2022
#3A3C3F
#424448
#4B4E53
#585C62
#676C73
#82878E
#ACB0B4
#CED1D3
#E5E7E8
#F5F6F6
Color Values
HEX
#1F2022
RGB
rgb(31, 32, 34)
HSL
hsl(220°, 5%, 13%)
CMYK
9%, 6%, 0%, 87%
HSV
220°, 9%, 13%
XYZ
1.37, 1.44, 1.72
Color Variations
Triadic Colors
#1F2022
#221F20
#20221F
Analogous Colors
#1F2022
#201F22
#1F2222
Monochromatic Colors
#000000
#070707
#131315
#1F2022
CSS Examples
Modern Interface
.modern-interface {
background: linear-gradient(
145deg,
#1f2022 0%,
#3a3c3f 100%
);
box-shadow:
-10px -10px 20px #424448,
10px 10px 20px #1f2022;
border: 1px solid #4b4e53;
}Dark Mode Panel
.dark-mode-panel {
background-color: #1f2022;
background-image:
radial-gradient(
circle at 2px 2px,
#3a3c3f 1px,
transparent 0
);
background-size: 20px 20px;
box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.5);
}Rich Button
.rich-button {
background: #1f2022;
border: 1px solid #4b4e53;
box-shadow:
0 2px 4px rgba(0, 0, 0, 0.2),
inset 0 1px 0 #3a3c3f;
transition: all 0.3s ease;
&:hover {
background: #424448;
transform: translateY(-1px);
}
}Carbon Texture
.carbon-texture {
background:
linear-gradient(45deg, #1f2022 25%, transparent 25%) -10px 0,
linear-gradient(-45deg, #1f2022 25%, transparent 25%) -10px 0,
linear-gradient(45deg, transparent 75%, #1f2022 75%) -10px 0,
linear-gradient(-45deg, transparent 75%, #1f2022 75%) -10px 0;
background-color: #3a3c3f;
background-size: 20px 20px;
}Metallic Finish
.metallic-finish {
background: linear-gradient(
to bottom,
#1f2022,
#3a3c3f 50%,
#1f2022
);
position: relative;
&::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
90deg,
transparent 0%,
rgba(255, 255, 255, 0.1) 45%,
transparent 100%
);
animation: metalShine 2s infinite linear;
}
}About Rich Gray
Rich Gray is a sophisticated dark gray color with the hex code #1F2022. It's a complex color that requires precise values to create in any graphic system.
Technical Specifications
- PMS: 419 C
- Hex Color: #1F2022
- RGB: (31, 32, 34)
- CMYK: (9, 6, 0, 87)
Complementary Colors
- #59606E - Steel Gray
- #6E6E6E - Mid Gray
- #6E644E - Warm Gray
- #21201E - Deep Gray
Applications
Rich Gray is commonly used in:
- Professional graphic design
- Modern web interfaces
- Corporate branding
- UI/UX design
- Print materials
Design Tips
When working with Rich Gray:
- Use it for sophisticated, modern designs
- Combine with lighter grays for depth
- Perfect for professional applications
- Works well in dark mode interfaces
- Excellent for typography and backgrounds
