HEX #506C77 color — Blue Bayoux

The color #506c77 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

506c77 color palette from light to dark

HEX RGB HSL
#fcfdfd rgb(252,253,253) hsl(197,20%,99%)
#edf1f3 rgb(237,241,243) hsl(197,20%,94%)
#dde5e9 rgb(221,229,233) hsl(197,20%,89%)
#cedade rgb(206,218,222) hsl(197,20%,84%)
#bfced4 rgb(191,206,212) hsl(197,20%,79%)
#afc2ca rgb(175,194,202) hsl(197,20%,74%)
#a0b7c0 rgb(160,183,192) hsl(197,20%,69%)
#91abb6 rgb(145,171,182) hsl(197,20%,64%)
#82a0ab rgb(130,160,171) hsl(197,20%,59%)
#7294a1 rgb(114,148,161) hsl(197,20%,54%)
#648896 rgb(100,136,150) hsl(197,20%,49%)
#5a7a87 rgb(90,122,135) hsl(197,20%,44%)
#506c77 rgb(80,108,119) hsl(197,20%,39%)
#455e68 rgb(69,94,104) hsl(197,20%,34%)
#3b5059 rgb(59,80,89) hsl(197,20%,29%)
#314349 rgb(49,67,73) hsl(197,20%,24%)
#27353a rgb(39,53,58) hsl(197,20%,19%)
#1d272b rgb(29,39,43) hsl(197,20%,14%)
#12191c rgb(18,25,28) hsl(197,20%,9%)
#080b0c rgb(8,11,12) hsl(197,20%,4%)

Adjacent colors

HEX RGB HSL
#507868 rgb(80,120,104) hsl(156,20%,39%)
#506C77 rgb(80,108,119) hsl(197,20%,39%)
#505277 rgb(80,82,119) hsl(237,20%,39%)

Monochromatic colors

HEX RGB HSL
#5C7D8A rgb(92,125,138) hsl(197,20%,45%)
#506C77 rgb(80,108,119) hsl(197,20%,39%)
#435C63 rgb(67,92,99) hsl(193,19%,33%)
#364A50 rgb(54,74,80) hsl(194,19%,26%)
#29383D rgb(41,56,61) hsl(195,20%,20%)
#1C262A rgb(28,38,42) hsl(197,20%,14%)

Triad color palettes

HEX RGB HSL
#506C77 rgb(80,108,119) hsl(197,20%,39%)
#774F58 rgb(119,79,88) hsl(347,20%,39%)
#776E50 rgb(119,110,80) hsl(46,20%,39%)

Tetrad color palettes

HEX RGB HSL
#506C77 rgb(80,108,119) hsl(197,20%,39%)
#775C50 rgb(119,92,80) hsl(18,20%,39%)
#50786E rgb(80,120,110) hsl(165,20%,39%)
#776E50 rgb(119,110,80) hsl(46,20%,39%)