HEX #4B5A77 color — Blue Bayoux

The color #4b5a77 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

4b5a77 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(220,23%,98%)
#e9ecf1 rgb(233,236,241) hsl(220,23%,93%)
#d9dee7 rgb(217,222,231) hsl(220,23%,88%)
#cad0de rgb(202,208,222) hsl(220,23%,83%)
#bac3d4 rgb(186,195,212) hsl(220,23%,78%)
#aab5ca rgb(170,181,202) hsl(220,23%,73%)
#9ba7c0 rgb(155,167,192) hsl(220,23%,68%)
#8b99b6 rgb(139,153,182) hsl(220,23%,63%)
#7b8cad rgb(123,140,173) hsl(220,23%,58%)
#6c7ea3 rgb(108,126,163) hsl(220,23%,53%)
#5e7197 rgb(94,113,151) hsl(220,23%,48%)
#546587 rgb(84,101,135) hsl(220,23%,43%)
#4b5977 rgb(75,89,119) hsl(220,23%,38%)
#414e68 rgb(65,78,104) hsl(220,23%,33%)
#374258 rgb(55,66,88) hsl(220,23%,28%)
#2d3648 rgb(45,54,72) hsl(220,23%,23%)
#232a38 rgb(35,42,56) hsl(220,23%,18%)
#1a1f29 rgb(26,31,41) hsl(220,23%,13%)
#101319 rgb(16,19,25) hsl(220,23%,8%)
#060709 rgb(6,7,9) hsl(220,23%,3%)

Adjacent colors

HEX RGB HSL
#4B7876 rgb(75,120,118) hsl(177,23%,38%)
#4B5A77 rgb(75,90,119) hsl(220,23%,38%)
#594A77 rgb(89,74,119) hsl(260,23%,38%)

Monochromatic colors

HEX RGB HSL
#57698A rgb(87,105,138) hsl(219,23%,44%)
#4B5A77 rgb(75,90,119) hsl(220,23%,38%)
#3F4D63 rgb(63,77,99) hsl(217,22%,32%)
#333D50 rgb(51,61,80) hsl(219,22%,26%)
#272E3D rgb(39,46,61) hsl(221,22%,20%)
#1B212A rgb(27,33,42) hsl(216,22%,14%)

Triad color palettes

HEX RGB HSL
#4B5A77 rgb(75,90,119) hsl(220,23%,38%)
#77524B rgb(119,82,75) hsl(10,23%,38%)
#70784B rgb(112,120,75) hsl(71,23%,38%)

Tetrad color palettes

HEX RGB HSL
#4B5A77 rgb(75,90,119) hsl(220,23%,38%)
#77694B rgb(119,105,75) hsl(41,23%,38%)
#4B7077 rgb(75,112,119) hsl(190,23%,38%)
#70784B rgb(112,120,75) hsl(71,23%,38%)