#28282B
RGB(40, 40, 43)
#28282B
#3B3C3F
#434349
#4E4E56
#606169
#777880
#94959C
#BABBBF
#DADADD
#EEEEF0
#F7F7F8
Color Values
HEX
#28282B
RGB
rgb(40, 40, 43)
HSL
hsl(240°, 4%, 16%)
CMYK
7%, 7%, 0%, 83%
HSV
240°, 8%, 17%
XYZ
2.07, 2.14, 2.59
Color Variations
Monochromatic Colors of Matte Black (#28282B)
#030303
#0F0F11
#1C1C1E
#28282B
#343438
#414145
#4D4D53
Tints of Matte Black (#28282B)
#3D3D40
#525255
#68686A
#7E7E7F
#939395
#A9A9AA
#BEBEBF
#D4D4D4
#E9E9E9
#FFFFFF
Triadic Colors of Matte Black (#28282B)
#28282B
#2B2828
#282B28
Analogous Colors of Matte Black (#28282B)
#28282B
#2A282B
#282A2B
Complementary Colors of Matte Black (#28282B)
#28282B
#2B2B28
CSS Examples
Matte Surface
.matte-surface {
background: #28282B;
box-shadow:
inset 0 2px 3px rgba(255,255,255,0.05),
inset 0 -2px 3px rgba(0,0,0,0.05);
border-radius: 8px;
border: 1px solid rgba(255,255,255,0.1);
}Matte Gradient
.matte-gradient {
background: linear-gradient(
135deg,
#28282B 0%,
#343438 50%,
#28282B 100%
);
box-shadow:
0 8px 32px rgba(40,40,43,0.2),
inset 0 2px 3px rgba(255,255,255,0.05);
}Matte Button
.matte-button {
background: #28282B;
color: rgba(255,255,255,0.9);
padding: 12px 24px;
border: none;
border-radius: 6px;
box-shadow:
0 2px 4px rgba(0,0,0,0.2),
inset 0 1px 0 rgba(255,255,255,0.1);
transition: transform 0.2s ease;
&:hover {
transform: translateY(-1px);
background: #343438;
}
}Matte Card
.matte-card {
background: #28282B;
border-radius: 12px;
padding: 20px;
box-shadow:
-5px -5px 10px rgba(40,40,43,0.5),
5px 5px 10px rgba(0,0,0,0.3),
inset 0 0 0 1px rgba(255,255,255,0.05);
}Matte Text
.matte-text {
color: #28282B;
text-shadow:
1px 1px 0 rgba(255,255,255,0.1),
-1px -1px 0 rgba(0,0,0,0.2);
font-weight: 500;
letter-spacing: 0.02em;
}About Matte Black
Matte black is an unsaturated shade of black with the hex code #28282B, characterized by its low brightness and non-reflective surface. This sophisticated color has gained significant popularity in various applications, from fashion and interior design to modern technology products like the Surface Pro.
Color Characteristics
- Hex Code: #28282B
- RGB Values: 40, 40, 43
- HSL Values: 240°, 4%, 16%
- CMYK Values: 7, 7, 0, 83
- Web Safe Color: #333333
Usage in Design
Matte Black excels in:
- Modern product design
- Premium packaging
- Contemporary interiors
- Fashion and accessories
- Digital interfaces
Design Applications
- Perfect for creating depth in designs
- Excellent for premium product finishes
- Ideal for sophisticated UI elements
- Great for minimalist aesthetics
- Effective in creating contrast
Color Combinations
- Works well with metallic accents
- Pairs beautifully with white
- Complements cool grays
- Effective with subtle textures
- Harmonious with neutral tones
