#334155
Color Name
Dark Slate Gray
rgb(51, 65, 85)•hsl(215, 25%, 27%)•Lum 0.051
HEX#334155
RGBrgb(51, 65, 85)
HSLhsl(215, 25%, 27%)
HSVhsv(215, 40%, 33%)
CMYKcmyk(40%, 24%, 0%, 67%)
CSS Variable--color-primary: #334155;
CSS Backgroundbackground-color: #334155;
Color Harmonies
Classic color wheel theory relationships derived from #334155. 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)
#2D3A4C
11% Dark#283342
22% Dark#222B39
33% Dark#1C242F
44% Dark#171D26
56% Dark#11161C
67% Dark#0B0E13
78% Dark#060709
89% DarkTints (Mixing with White)
#4A5668
11% Light#606B7B
22% Light#77808E
33% Light#8E95A1
44% Light#A4ABB3
56% Light#BBC0C6
67% Light#D2D5D9
78% Light#E8EAEC
89% LightKeep Designing
Use #334155 Across Other Tools
Jump into our contrast checker to test accessibility, generate a gradient, or build a 5-color palette around this shade.