UI Shades

Tints & shades of #507B80

#507b80
Closest named color: Bootstrap Secondary
#507b80
oklch(0.553 0.048 205.12)
rgb(80 123 128)
hsl(186.3 23.1% 40.8%)
Share
#f4fcfd
#eaf7f9
#d2ebee
#b8dce0
#93bdc2
#689499
#507b80
#3e666a
#2a4a4d
#193235
#0a1a1c

See your palette on a real UI - coming soon

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