UI Shades

Tints & shades of #696EA2

#696ea2
Closest named color: Tailwind Slate 500
#696ea2
oklch(0.555 0.081 279.2)
rgb(105 110 162)
hsl(234.7 23.5% 52.4%)
Share
#f8f9ff
#f0f3ff
#dee3ff
#cbd1ff
#a9b0e5
#8186bc
#696ea2
#555989
#3c4066
#282a47
#141527

See your palette on a real UI - coming soon

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