UI Shades

Tints & shades of #396ADD

#396add
Closest named color: Royal Blue
#396add
oklch(0.555 0.184 263.97)
rgb(57 106 221)
hsl(222.1 70.7% 54.5%)
Share
#f1fbff
#e8f5ff
#d2e6ff
#b8d4ff
#87b2ff
#5084f9
#396add
#2854bf
#183b91
#0c2668
#04133c

See your palette on a real UI - coming soon

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