#475569
Color Name
Dark Slate Gray
rgb(71, 85, 105)•hsl(215, 19%, 35%)•Lum 0.089
HEX#475569
RGBrgb(71, 85, 105)
HSLhsl(215, 19%, 35%)
HSVhsv(215, 32%, 41%)
CMYKcmyk(32%, 19%, 0%, 59%)
CSS Variable--color-primary: #475569;
CSS Backgroundbackground-color: #475569;
Color Harmonies
Classic color wheel theory relationships derived from #475569. 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)
#3F4C5D
11% Dark#374252
22% Dark#2F3946
33% Dark#272F3A
44% Dark#20262F
56% Dark#181C23
67% Dark#101317
78% Dark#08090C
89% DarkTints (Mixing with White)
#5B687A
11% Light#707B8A
22% Light#848E9B
33% Light#99A1AC
44% Light#ADB3BC
56% Light#C2C6CD
67% Light#D6D9DE
78% Light#EBECEE
89% LightKeep Designing
Use #475569 Across Other Tools
Jump into our contrast checker to test accessibility, generate a gradient, or build a 5-color palette around this shade.