UI Shades

Tints & shades of #686EA5

#686ea5
Closest named color: Tailwind Slate 500
#686ea5
oklch(0.556 0.086 278.46)
rgb(104 110 165)
hsl(234.1 25.3% 52.7%)
Share
#f7f9ff
#f0f3ff
#dee3ff
#c9d1ff
#a8b0e8
#7f86bf
#686ea5
#54598c
#3c3f68
#272a49
#131528

See your palette on a real UI - coming soon

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