Color Toolspublic tool
Color Palette
Build harmony palettes from a single base colour — complementary, analogous, triadic, tetradic, split-complementary and square, plus a tint and shade ramp.
Base colour
Hue rotation is computed in HSL from this value
#8b5cf6rgb(139, 92, 246) · hsl(258, 90%, 66%)
Base#8b5cf6
Hue258°
Saturation90%
Lightness66%
HSL
258°
90%
66%
Complementary
base · +180°
#8b5cf6base
#c8f65a+180°
Analogous
-30° · base · +30°
#5a79f6-30°
#8b5cf6base
#d75af6+30°
Triadic
base · +120° · +240°
#8b5cf6base
#f6895a+120°
#5af689+240°
Tetradic (rectangle)
base · +60° · +180° · +240°
#8b5cf6base
#f65ac8+60°
#c8f65a+180°
#5af689+240°
Split complementary
base · +150° · +210°
#8b5cf6base
#f6d75a+150°
#79f65a+210°
Square
base · +90° · +180° · +270°
#8b5cf6base
#f65a79+90°
#c8f65a+180°
#5af6d7+270°
Tints
Base hue mixed toward white
#956bf7
10%
#a783f8
25%
#b89cfa
40%
#cab5fb
55%
#dccefc
70%
#ede6fe
85%
Shades
Base hue mixed toward black
#672af4
85%
#4b0ce0
70%
#3b09b0
55%
#2b0780
40%
#1b0450
25%
#0b0220
10%