HEX #4B5E77 color — Blue Bayoux

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

Color codes

copy icon
copy icon
copy icon

Palette

4b5e77 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(214,23%,98%)
#e9edf1 rgb(233,237,241) hsl(214,23%,93%)
#d9dfe7 rgb(217,223,231) hsl(214,23%,88%)
#cad2de rgb(202,210,222) hsl(214,23%,83%)
#bac5d4 rgb(186,197,212) hsl(214,23%,78%)
#aab8ca rgb(170,184,202) hsl(214,23%,73%)
#9babc0 rgb(155,171,192) hsl(214,23%,68%)
#8b9eb6 rgb(139,158,182) hsl(214,23%,63%)
#7b91ad rgb(123,145,173) hsl(214,23%,58%)
#6c83a3 rgb(108,131,163) hsl(214,23%,53%)
#5e7797 rgb(94,119,151) hsl(214,23%,48%)
#546a87 rgb(84,106,135) hsl(214,23%,43%)
#4b5e77 rgb(75,94,119) hsl(214,23%,38%)
#415268 rgb(65,82,104) hsl(214,23%,33%)
#374558 rgb(55,69,88) hsl(214,23%,28%)
#2d3948 rgb(45,57,72) hsl(214,23%,23%)
#232c38 rgb(35,44,56) hsl(214,23%,18%)
#1a2029 rgb(26,32,41) hsl(214,23%,13%)
#101419 rgb(16,20,25) hsl(214,23%,8%)
#060709 rgb(6,7,9) hsl(214,23%,3%)

Adjacent colors

HEX RGB HSL
#4B7872 rgb(75,120,114) hsl(172,23%,38%)
#4B5E77 rgb(75,94,119) hsl(214,23%,38%)
#554A77 rgb(85,74,119) hsl(255,23%,38%)

Monochromatic colors

HEX RGB HSL
#576E8A rgb(87,110,138) hsl(213,23%,44%)
#4B5E77 rgb(75,94,119) hsl(214,23%,38%)
#3F4F63 rgb(63,79,99) hsl(213,22%,32%)
#334050 rgb(51,64,80) hsl(213,22%,26%)
#27303D rgb(39,48,61) hsl(215,22%,20%)
#1B212A rgb(27,33,42) hsl(216,22%,14%)

Triad color palettes

HEX RGB HSL
#4B5E77 rgb(75,94,119) hsl(214,23%,38%)
#774F4B rgb(119,79,75) hsl(5,23%,38%)
#74784B rgb(116,120,75) hsl(65,23%,38%)

Tetrad color palettes

HEX RGB HSL
#4B5E77 rgb(75,94,119) hsl(214,23%,38%)
#77634B rgb(119,99,75) hsl(33,23%,38%)
#4B7377 rgb(75,115,119) hsl(185,23%,38%)
#74784B rgb(116,120,75) hsl(65,23%,38%)