UI Shades

Tints & shades of #5486F0

#5486f0
Closest named color: Tailwind Blue 500
#5486f0
oklch(0.637 0.168 263.4)
rgb(84 134 240)
hsl(220.8 83.9% 63.5%)
Share
#f1fbff
#e8f5ff
#d1e6ff
#b7d5ff
#86b2ff
#5486f0
#3d6cd4
#2c57b7
#1b3d8a
#0e2863
#051439

See your palette on a real UI - coming soon

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