UI Shades

Tints & shades of #676EA3

#676ea3
Closest named color: Tailwind Slate 500
#676ea3
oklch(0.554 0.083 277.57)
rgb(103 110 163)
hsl(233 24.6% 52.2%)
Share
#f7f9ff
#f0f3ff
#dde3ff
#c9d1ff
#a8b0e7
#7f87bd
#676ea3
#535a8a
#3b4067
#272a48
#131528

See your palette on a real UI - coming soon

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