UI Shades

Tints & shades of #686BB0

#686bb0
Closest named color: Tailwind Slate 500
#686bb0
oklch(0.556 0.106 280.45)
rgb(104 107 176)
hsl(237.5 31.3% 54.9%)
Share
#f7f9ff
#f0f2ff
#dde2ff
#c9cfff
#a8adf4
#7f83ca
#686bb0
#545696
#3c3d70
#27284f
#13142c

See your palette on a real UI - coming soon

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