#6A5ACD
Color Name
Slate Blue
rgb(106, 90, 205)•hsl(248, 53%, 58%)•Lum 0.148
HEX#6A5ACD
RGBrgb(106, 90, 205)
HSLhsl(248, 53%, 58%)
HSVhsv(248, 56%, 80%)
CMYKcmyk(48%, 56%, 0%, 20%)
CSS Variable--color-primary: #6A5ACD;
CSS Backgroundbackground-color: #6A5ACD;
Color Harmonies
Classic color wheel theory relationships derived from #6A5ACD. 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)
#5E50B6
11% Dark#52469F
22% Dark#473C89
33% Dark#3B3272
44% Dark#2F285B
56% Dark#231E44
67% Dark#18142E
78% Dark#0C0A17
89% DarkTints (Mixing with White)
#7B6CD3
11% Light#8B7FD8
22% Light#9C91DE
33% Light#ACA3E3
44% Light#BDB6E9
56% Light#CDC8EE
67% Light#DEDAF4
78% Light#EEEDF9
89% LightKeep Designing
Use #6A5ACD Across Other Tools
Jump into our contrast checker to test accessibility, generate a gradient, or build a 5-color palette around this shade.