UI Shades

Tints & shades of #686FA0

#686fa0
Closest named color: Tailwind Slate 500
#686fa0
oklch(0.556 0.077 277.35)
rgb(104 111 160)
hsl(232.5 22.8% 51.8%)
Share
#f8f9ff
#f0f3ff
#dee3ff
#cad1fd
#a8b0e3
#7f87ba
#686fa0
#545a87
#3c4064
#272b46
#131527

See your palette on a real UI - coming soon

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