UI Shades

Tints & shades of #686CA9

#686ca9
Closest named color: Tailwind Slate 500
#686ca9
oklch(0.554 0.094 279.97)
rgb(104 108 169)
hsl(236.3 27.4% 53.5%)
Share
#f7f9ff
#f0f3ff
#dee2ff
#cad0ff
#a9aeed
#8085c4
#686ca9
#545890
#3c3e6b
#28294b
#14152a

See your palette on a real UI - coming soon

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