#6366F1
Color Name
Indigo Spark
rgb(99, 102, 241)•hsl(239, 84%, 67%)•Lum 0.185
HEX#6366F1
RGBrgb(99, 102, 241)
HSLhsl(239, 84%, 67%)
HSVhsv(239, 59%, 95%)
CMYKcmyk(59%, 58%, 0%, 5%)
CSS Variable--color-primary: #6366F1;
CSS Backgroundbackground-color: #6366F1;
Color Harmonies
Classic color wheel theory relationships derived from #6366F1. 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)
#585BD6
11% Dark#4D4FBB
22% Dark#4244A1
33% Dark#373986
44% Dark#2C2D6B
56% Dark#212250
67% Dark#161736
78% Dark#0B0B1B
89% DarkTints (Mixing with White)
#7477F3
11% Light#8688F4
22% Light#9799F6
33% Light#A8AAF7
44% Light#BABBF9
56% Light#CBCCFA
67% Light#DCDDFC
78% Light#EEEEFD
89% LightKeep Designing
Use #6366F1 Across Other Tools
Jump into our contrast checker to test accessibility, generate a gradient, or build a 5-color palette around this shade.