#4B5563
Color Name
Dark Slate Gray
rgb(75, 85, 99)•hsl(215, 14%, 34%)•Lum 0.089
HEX#4B5563
RGBrgb(75, 85, 99)
HSLhsl(215, 14%, 34%)
HSVhsv(215, 24%, 39%)
CMYKcmyk(24%, 14%, 0%, 61%)
CSS Variable--color-primary: #4B5563;
CSS Backgroundbackground-color: #4B5563;
Color Harmonies
Classic color wheel theory relationships derived from #4B5563. 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)
#434C58
11% Dark#3A424D
22% Dark#323942
33% Dark#2A2F37
44% Dark#21262C
56% Dark#191C21
67% Dark#111316
78% Dark#08090B
89% DarkTints (Mixing with White)
#5F6874
11% Light#737B86
22% Light#878E97
33% Light#9BA1A8
44% Light#AFB3BA
56% Light#C3C6CB
67% Light#D7D9DC
78% Light#EBECEE
89% LightKeep Designing
Use #4B5563 Across Other Tools
Jump into our contrast checker to test accessibility, generate a gradient, or build a 5-color palette around this shade.