UI Shades

Tints & shades of #567A7F

#567a7f
Closest named color: Bootstrap Secondary
#567a7f
oklch(0.554 0.041 206.81)
rgb(86 122 127)
hsl(187.3 19.2% 41.8%)
Share
#f5fcfd
#ebf7f8
#d5eaed
#bcdbdf
#98bcc1
#6e9398
#567a7f
#436569
#2e494d
#1d3134
#0d1a1b

See your palette on a real UI - coming soon

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