UI Shades

Tints & shades of #686CAC

#686cac
Closest named color: Tailwind Slate 500
#686cac
oklch(0.556 0.099 279.93)
rgb(104 108 172)
hsl(236.5 29.1% 54.1%)
Share
#f7f9ff
#f0f2ff
#dde2ff
#c9cfff
#a8aef0
#7f84c6
#686cac
#545792
#3c3e6d
#27294d
#13142b

See your palette on a real UI - coming soon

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