UI Shades

Tints & shades of #686DA9

#686da9
Closest named color: Tailwind Slate 500
#686da9
oklch(0.556 0.093 279.27)
rgb(104 109 169)
hsl(235.4 27.4% 53.5%)
Share
#f7f9ff
#f0f3ff
#dde2ff
#c9d0ff
#a8afec
#7f85c3
#686da9
#54588f
#3c3f6b
#27294b
#13152a

See your palette on a real UI - coming soon

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