UI Shades

Tints & shades of #676BAE

#676bae
Closest named color: Tailwind Slate 500
#676bae
oklch(0.554 0.103 279.84)
rgb(103 107 174)
hsl(236.6 30.5% 54.3%)
Share
#f7f9ff
#eff2ff
#dde2ff
#c9cfff
#a7aef2
#7f84c9
#676bae
#545794
#3b3e6f
#27284e
#13142c

See your palette on a real UI - coming soon

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