UI Shades

Tints & shades of #686EA3

#686ea3
Closest named color: Tailwind Slate 500
#686ea3
oklch(0.555 0.083 278.39)
rgb(104 110 163)
hsl(233.9 24.3% 52.4%)
Share
#f8f9ff
#f0f3ff
#dee3ff
#cad1ff
#a8b0e6
#8086bd
#686ea3
#54598a
#3c4066
#272a48
#131528

See your palette on a real UI - coming soon

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