UI Shades

Tints & shades of #686CAD

#686cad
Closest named color: Tailwind Slate 500
#686cad
oklch(0.556 0.1 279.91)
rgb(104 108 173)
hsl(236.5 29.6% 54.3%)
Share
#f7f9ff
#f0f2ff
#dde2ff
#c9cfff
#a8aef0
#7f84c7
#686cad
#545793
#3c3e6d
#27294d
#13142b

See your palette on a real UI - coming soon

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