UI Shades

Tints & shades of #686BAE

#686bae
Closest named color: Tailwind Slate 500
#686bae
oklch(0.555 0.103 280.51)
rgb(104 107 174)
hsl(237.4 30.2% 54.5%)
Share
#f7f9ff
#f0f2ff
#dde2ff
#c9cfff
#a8adf2
#8084c9
#686bae
#545794
#3c3d6f
#28284e
#13142c

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.