HEX #505A77 color — Blue Bayoux

The color #505a77 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

505a77 color palette from light to dark

HEX RGB HSL
#fcfcfd rgb(252,252,253) hsl(225,20%,99%)
#edeef3 rgb(237,238,243) hsl(225,20%,94%)
#dde0e9 rgb(221,224,233) hsl(225,20%,89%)
#ced2de rgb(206,210,222) hsl(225,20%,84%)
#bfc4d4 rgb(191,196,212) hsl(225,20%,79%)
#afb6ca rgb(175,182,202) hsl(225,20%,74%)
#a0a8c0 rgb(160,168,192) hsl(225,20%,69%)
#919ab6 rgb(145,154,182) hsl(225,20%,64%)
#828cab rgb(130,140,171) hsl(225,20%,59%)
#727ea1 rgb(114,126,161) hsl(225,20%,54%)
#647096 rgb(100,112,150) hsl(225,20%,49%)
#5a6587 rgb(90,101,135) hsl(225,20%,44%)
#505a77 rgb(80,90,119) hsl(225,20%,39%)
#454e68 rgb(69,78,104) hsl(225,20%,34%)
#3b4359 rgb(59,67,89) hsl(225,20%,29%)
#313749 rgb(49,55,73) hsl(225,20%,24%)
#272c3a rgb(39,44,58) hsl(225,20%,19%)
#1d202b rgb(29,32,43) hsl(225,20%,14%)
#12151c rgb(18,21,28) hsl(225,20%,9%)
#08090c rgb(8,9,12) hsl(225,20%,4%)

Adjacent colors

HEX RGB HSL
#507377 rgb(80,115,119) hsl(186,20%,39%)
#505A77 rgb(80,90,119) hsl(225,20%,39%)
#604F77 rgb(96,79,119) hsl(266,20%,39%)

Monochromatic colors

HEX RGB HSL
#5C698A rgb(92,105,138) hsl(223,20%,45%)
#505A77 rgb(80,90,119) hsl(225,20%,39%)
#434D63 rgb(67,77,99) hsl(221,19%,33%)
#363D50 rgb(54,61,80) hsl(224,19%,26%)
#292E3D rgb(41,46,61) hsl(225,20%,20%)
#1C212A rgb(28,33,42) hsl(219,20%,14%)

Triad color palettes

HEX RGB HSL
#505A77 rgb(80,90,119) hsl(225,20%,39%)
#775950 rgb(119,89,80) hsl(14,20%,39%)
#6D7850 rgb(109,120,80) hsl(77,20%,39%)

Tetrad color palettes

HEX RGB HSL
#505A77 rgb(80,90,119) hsl(225,20%,39%)
#776E50 rgb(119,110,80) hsl(46,20%,39%)
#506E77 rgb(80,110,119) hsl(194,20%,39%)
#6D7850 rgb(109,120,80) hsl(77,20%,39%)