UI Shades

Tints & shades of #686EA2

#686ea2
Closest named color: Tailwind Slate 500
#686ea2
oklch(0.555 0.081 278.35)
rgb(104 110 162)
hsl(233.8 23.8% 52.2%)
Share
#f8f9ff
#f0f3ff
#dee3ff
#cad1ff
#a9b0e5
#8086bc
#686ea2
#545989
#3c4066
#272a47
#131528

See your palette on a real UI - coming soon

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