UI Shades

Tints & shades of #306AE1

#306ae1
Closest named color: Royal Blue
#306ae1
oklch(0.555 0.192 262.44)
rgb(48 106 225)
hsl(220.3 74.7% 53.5%)
Share
#f0fbff
#e7f5ff
#d1e6ff
#b6d5ff
#84b3ff
#4884fd
#306ae1
#1f54c3
#103b94
#06266a
#02123d

See your palette on a real UI - coming soon

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