UI Shades

Tints & shades of #2196F3 · Material Blue 500

#2196f3
Material Blue 500
Material Blue 500
#2196f3
oklch(0.658 0.169 248.81)
rgb(33 150 243)
hsl(206.6 89.7% 54.1%)
Share
#ecfcff
#e1f7ff
#c6eaff
#a6daff
#62baff
#2196f3
#0075d0
#005fb3
#004487
#002d61
#001737

See your palette on a real UI - coming soon

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