UI Shades

Tints & shades of #345AA8

#345aa8
Closest named color: Material Indigo 500
#345aa8
oklch(0.482 0.133 262.87)
rgb(52 90 168)
hsl(220.3 52.7% 43.1%)
Share
#f1fbff
#e7f5ff
#d1e6ff
#b7d5ff
#87b3ff
#5d89df
#466fc4
#345aa8
#22407e
#132a5a
#071533

See your palette on a real UI - coming soon

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