HEX #506C77 color — Blue Bayoux
The color #506C77 is a dark shade and slightly desaturated.
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%) |