UI Shades

Tints & shades of #567A7E

#567a7e
Closest named color: Bootstrap Secondary
#567a7e
oklch(0.554 0.041 204.69)
rgb(86 122 126)
hsl(186 18.9% 41.6%)
Share
#f5fcfc
#ebf7f8
#d5eaec
#bcdbde
#98bcc0
#6e9397
#567a7e
#436569
#2e494c
#1d3134
#0d1a1b

See your palette on a real UI - coming soon

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