UI Shades

Tints & shades of #306AE0

#306ae0
Closest named color: Royal Blue
#306ae0
oklch(0.554 0.19 262.36)
rgb(48 106 224)
hsl(220.2 73.9% 53.3%)
Share
#f0fbff
#e7f5ff
#d1e6ff
#b6d5ff
#83b3ff
#4884fd
#306ae0
#1f55c2
#113b93
#06266a
#02133d

See your palette on a real UI - coming soon

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