UI Shades

Tints & shades of #676EA5

#676ea5
Closest named color: Tailwind Slate 500
#676ea5
oklch(0.555 0.086 277.67)
rgb(103 110 165)
hsl(233.2 25.6% 52.5%)
Share
#f7f9ff
#eff3ff
#dde3ff
#c9d1ff
#a7b0e8
#7f86bf
#676ea5
#53598c
#3b4068
#272a49
#131528

See your palette on a real UI - coming soon

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