UI Shades

Tints & shades of #3F6BD5

#3f6bd5
Closest named color: Royal Blue
#3f6bd5
oklch(0.554 0.17 264.52)
rgb(63 107 213)
hsl(222.4 64.1% 54.1%)
Share
#f1faff
#e8f5ff
#d2e6ff
#b9d4ff
#88b2ff
#5685f1
#3f6bd5
#2e56b8
#1d3c8b
#102764
#051339

See your palette on a real UI - coming soon

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