UI Shades

Tints & shades of #676CAC

#676cac
Closest named color: Tailwind Slate 500
#676cac
oklch(0.555 0.099 279.24)
rgb(103 108 172)
hsl(235.7 29.4% 53.9%)
Share
#f7f9ff
#eff3ff
#dde2ff
#c9cfff
#a7aef0
#7f85c7
#676cac
#535792
#3b3e6d
#27294d
#13142b

See your palette on a real UI - coming soon

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