HEX #4C5E77 color — Blue Bayoux

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

Color codes

copy icon
copy icon
copy icon

Palette

4C5E77 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(215,22%,98%)
#e9ecf1 rgb(233,236,241) hsl(215,22%,93%)
#dadfe7 rgb(218,223,231) hsl(215,22%,88%)
#cad2dd rgb(202,210,221) hsl(215,22%,83%)
#bbc5d3 rgb(187,197,211) hsl(215,22%,78%)
#abb8c9 rgb(171,184,201) hsl(215,22%,73%)
#9baabf rgb(155,170,191) hsl(215,22%,68%)
#8c9db5 rgb(140,157,181) hsl(215,22%,63%)
#7c90ab rgb(124,144,171) hsl(215,22%,58%)
#6d83a2 rgb(109,131,162) hsl(215,22%,53%)
#5f7695 rgb(95,118,149) hsl(215,22%,48%)
#566a86 rgb(86,106,134) hsl(215,22%,43%)
#4c5d76 rgb(76,93,118) hsl(215,22%,38%)
#425167 rgb(66,81,103) hsl(215,22%,33%)
#384557 rgb(56,69,87) hsl(215,22%,28%)
#2e3848 rgb(46,56,72) hsl(215,22%,23%)
#242c38 rgb(36,44,56) hsl(215,22%,18%)
#1a2028 rgb(26,32,40) hsl(215,22%,13%)
#101419 rgb(16,20,25) hsl(215,22%,8%)
#060709 rgb(6,7,9) hsl(215,22%,3%)

Adjacent colors

HEX RGB HSL
#4C7873 rgb(76,120,115) hsl(173,22%,38%)
#4C5E77 rgb(76,94,119) hsl(215,22%,38%)
#564D77 rgb(86,77,119) hsl(253,21%,38%)

Monochromatic colors

HEX RGB HSL
#586E8A rgb(88,110,138) hsl(214,22%,44%)
#4C5E77 rgb(76,94,119) hsl(215,22%,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
#4C5E77 rgb(76,94,119) hsl(215,22%,38%)
#774F4C rgb(119,79,76) hsl(4,22%,38%)
#73784C rgb(115,120,76) hsl(67,22%,38%)

Tetrad color palettes

HEX RGB HSL
#4C5E77 rgb(76,94,119) hsl(215,22%,38%)
#77664C rgb(119,102,76) hsl(36,22%,38%)
#4C7377 rgb(76,115,119) hsl(186,22%,38%)
#73784C rgb(115,120,76) hsl(67,22%,38%)