UI Shades

Tints & shades of #696EA1

#696ea1
Closest named color: Tailwind Slate 500
#696ea1
oklch(0.555 0.079 279.17)
rgb(105 110 161)
hsl(234.6 23% 52.2%)
Share
#f8f9ff
#f0f3ff
#dee3ff
#cbd1fe
#a9b0e4
#8186bb
#696ea1
#555988
#3d4065
#282a47
#141527

See your palette on a real UI - coming soon

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