UI Shades

Tints & shades of #696EA0

#696ea0
Closest named color: Tailwind Slate 500
#696ea0
oklch(0.554 0.078 279.14)
rgb(105 110 160)
hsl(234.5 22.4% 52%)
Share
#f8f9ff
#f0f3ff
#dfe3ff
#cbd1fd
#aab0e3
#8186ba
#696ea0
#555a87
#3d4064
#282a46
#141527

See your palette on a real UI - coming soon

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