#6B7280
Color Name
Slate Steel
rgb(107, 114, 128)•hsl(220, 9%, 46%)•Lum 0.167
HEX#6B7280
RGBrgb(107, 114, 128)
HSLhsl(220, 9%, 46%)
HSVhsv(220, 16%, 50%)
CMYKcmyk(16%, 11%, 0%, 50%)
CSS Variable--color-primary: #6B7280;
CSS Backgroundbackground-color: #6B7280;
Color Harmonies
Classic color wheel theory relationships derived from #6B7280. Click any swatch to explore.
Complementary (180°)
Analogous (-30° / +30°)
Triadic (120° / 240°)
Split Complementary (150° / 210°)
Monochromatic (Lightness & Saturation Progression)
Shades & Tints
Step-by-step luminance variations created by adding black (shades) or white (tints).
Shades (Mixing with Black)
#5F6572
11% Dark#535964
22% Dark#474C55
33% Dark#3B3F47
44% Dark#303339
56% Dark#24262B
67% Dark#18191C
78% Dark#0C0D0E
89% DarkTints (Mixing with White)
#7B828E
11% Light#8C919C
22% Light#9CA1AA
33% Light#ADB1B8
44% Light#BDC0C7
56% Light#CED0D5
67% Light#DEE0E3
78% Light#EFEFF1
89% LightKeep Designing
Use #6B7280 Across Other Tools
Jump into our contrast checker to test accessibility, generate a gradient, or build a 5-color palette around this shade.