UI Shades

Tints & shades of #676DA6

#676da6
Closest named color: Tailwind Slate 500
#676da6
oklch(0.554 0.089 278.48)
rgb(103 109 166)
hsl(234.3 26.1% 52.7%)
Share
#f7f9ff
#f0f3ff
#dde3ff
#c9d0ff
#a8afea
#7f86c1
#676da6
#54598d
#3b3f69
#272a4a
#131529

See your palette on a real UI - coming soon

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