UI Shades

Tints & shades of #306AE2

#306ae2
Closest named color: Royal Blue
#306ae2
oklch(0.556 0.193 262.52)
rgb(48 106 226)
hsl(220.4 75.4% 53.7%)
Share
#f0fbff
#e7f5ff
#d1e6ff
#b7d5ff
#84b3ff
#4884fe
#306ae2
#1f54c3
#103b94
#06266b
#02123e

See your palette on a real UI - coming soon

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