UI Shades

Tints & shades of #686EA0

#686ea0
Closest named color: Tailwind Slate 500
#686ea0
oklch(0.554 0.078 278.27)
rgb(104 110 160)
hsl(233.6 22.8% 51.8%)
Share
#f8f9ff
#f0f3ff
#dee3ff
#cad1fe
#a9b0e4
#8087ba
#686ea0
#555a88
#3c4065
#282a46
#131527

See your palette on a real UI - coming soon

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