UI Shades

Tints & shades of #686DA4

#686da4
Closest named color: Tailwind Slate 500
#686da4
oklch(0.554 0.085 279.23)
rgb(104 109 164)
hsl(235 24.8% 52.5%)
Share
#f8f9ff
#f0f3ff
#dee3ff
#cad0ff
#a9afe8
#8086bf
#686da4
#55598b
#3c3f68
#282a49
#141528

See your palette on a real UI - coming soon

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