HEX #505C77 color — Blue Bayoux

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

Color codes

copy icon
copy icon
copy icon

Palette

505c77 color palette from light to dark

HEX RGB HSL
#fcfcfd rgb(252,252,253) hsl(222,20%,99%)
#edeef3 rgb(237,238,243) hsl(222,20%,94%)
#dde1e9 rgb(221,225,233) hsl(222,20%,89%)
#ced3de rgb(206,211,222) hsl(222,20%,84%)
#bfc5d4 rgb(191,197,212) hsl(222,20%,79%)
#afb7ca rgb(175,183,202) hsl(222,20%,74%)
#a0aac0 rgb(160,170,192) hsl(222,20%,69%)
#919cb6 rgb(145,156,182) hsl(222,20%,64%)
#828eab rgb(130,142,171) hsl(222,20%,59%)
#7280a1 rgb(114,128,161) hsl(222,20%,54%)
#647396 rgb(100,115,150) hsl(222,20%,49%)
#5a6787 rgb(90,103,135) hsl(222,20%,44%)
#505b77 rgb(80,91,119) hsl(222,20%,39%)
#455068 rgb(69,80,104) hsl(222,20%,34%)
#3b4459 rgb(59,68,89) hsl(222,20%,29%)
#313849 rgb(49,56,73) hsl(222,20%,24%)
#272d3a rgb(39,45,58) hsl(222,20%,19%)
#1d212b rgb(29,33,43) hsl(222,20%,14%)
#12151c rgb(18,21,28) hsl(222,20%,9%)
#08090c rgb(8,9,12) hsl(222,20%,4%)

Adjacent colors

HEX RGB HSL
#507577 rgb(80,117,119) hsl(183,20%,39%)
#505C77 rgb(80,92,119) hsl(222,20%,39%)
#5E4F77 rgb(94,79,119) hsl(263,20%,39%)

Monochromatic colors

HEX RGB HSL
#5C6B8A rgb(92,107,138) hsl(220,20%,45%)
#505C77 rgb(80,92,119) hsl(222,20%,39%)
#434D63 rgb(67,77,99) hsl(221,19%,33%)
#364050 rgb(54,64,80) hsl(217,19%,26%)
#29303D rgb(41,48,61) hsl(219,20%,20%)
#1C212A rgb(28,33,42) hsl(219,20%,14%)

Triad color palettes

HEX RGB HSL
#505C77 rgb(80,92,119) hsl(222,20%,39%)
#775750 rgb(119,87,80) hsl(11,20%,39%)
#6F7850 rgb(111,120,80) hsl(74,20%,39%)

Tetrad color palettes

HEX RGB HSL
#505C77 rgb(80,92,119) hsl(222,20%,39%)
#776B50 rgb(119,107,80) hsl(42,20%,39%)
#507077 rgb(80,112,119) hsl(191,20%,39%)
#6F7850 rgb(111,120,80) hsl(74,20%,39%)