#000000
RGB(0, 0, 0)
#000000
#3D3D3D
#454545
#4F4F4F
#5D5D5D
#6D6D6D
#888888
#B0B0B0
#D1D1D1
#E7E7E7
#F6F6F6
Color Values
HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0°, 0%, 0%)
CMYK
0%, 0%, 0%, 100%
HSV
0°, 0%, 0%
XYZ
0.00, 0.00, 0.00
Color Variations
Monochromatic Colors of Black (#000000)
#000000
#0C0C0C
#191919
#262626
Tints of Black (#000000)
#191919
#323232
#4C4C4C
#666666
#7F7F7F
#999999
#B2B2B2
#CCCCCC
#E5E5E5
#FFFFFF
Shades of Black (#000000)
#000000
CSS Examples
Luxury Gradient
.luxury-gradient {
background: linear-gradient(135deg, #000000, #1a1a1a);
border: 1px solid #333;
box-shadow:
0 4px 15px rgba(0,0,0,0.7),
inset 0 1px 1px rgba(255,255,255,0.1);
color: #ffd700;
}Noir Button
.noir-button {
background: #000000;
color: #ffffff;
border: 2px solid #333;
text-transform: uppercase;
letter-spacing: 2px;
box-shadow:
0 0 10px rgba(0,0,0,0.5),
inset 0 0 5px rgba(255,255,255,0.1);
transition: all 0.3s ease;
}Dark Glass
.dark-glass {
background: rgba(0,0,0,0.8);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255,255,255,0.1);
box-shadow: 0 8px 32px rgba(0,0,0,0.3);
}Elegant Text
.elegant-text {
color: #000000;
font-weight: 900;
letter-spacing: 2px;
text-transform: uppercase;
text-shadow:
2px 2px 0 rgba(255,255,255,0.1),
-2px -2px 0 rgba(0,0,0,0.5);
}Dark Pattern
.dark-pattern {
background-color: #000000;
background-image:
linear-gradient(30deg, #111111 12%, transparent 12.5%, transparent 87%, #111111 87.5%, #111111),
linear-gradient(150deg, #111111 12%, transparent 12.5%, transparent 87%, #111111 87.5%, #111111),
linear-gradient(30deg, #111111 12%, transparent 12.5%, transparent 87%, #111111 87.5%, #111111),
linear-gradient(150deg, #111111 12%, transparent 12.5%, transparent 87%, #111111 87.5%, #111111);
background-size: 80px 140px;
background-position: 0 0, 0 0, 40px 70px, 40px 70px;
}About Black
Black (#000000) is the most powerful neutral color, representing the complete absence of light. It's a timeless color that has been significant in art, fashion, and design throughout history, symbolizing sophistication, power, and elegance.
Color Characteristics
- Complete absorption of light
- Zero saturation
- Zero lightness
- Maximum contrast with white
Color Values
- RGB: 0, 0, 0 (0%, 0%, 0%)
- HSL: 0°, 0%, 0%
- CMYK: 0%, 0%, 0%, 100%
- Web Safe: #000000
Symbolism and Meaning
- Elegance and sophistication
- Power and authority
- Mystery and depth
- Formality and professionalism
- Timeless style
Usage in Design
Black excels in:
- Luxury branding
- Fashion and formal wear
- Typography and text
- Corporate identity
- Dramatic contrasts
Color Combinations
- Black and Gold - Luxury and opulence
- Black and White - Classic contrast
- Black and Teal - Modern sophistication
- Black and Crimson - Dramatic impact
