HEX #4B5E78 color — Blue Bayoux

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

Color codes

copy icon
copy icon
copy icon

Palette

4B5E78 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(215,23%,98%)
#e9ecf1 rgb(233,236,241) hsl(215,23%,93%)
#d9dfe7 rgb(217,223,231) hsl(215,23%,88%)
#cad2de rgb(202,210,222) hsl(215,23%,83%)
#bac5d4 rgb(186,197,212) hsl(215,23%,78%)
#aab8ca rgb(170,184,202) hsl(215,23%,73%)
#9baac0 rgb(155,170,192) hsl(215,23%,68%)
#8b9db6 rgb(139,157,182) hsl(215,23%,63%)
#7b90ad rgb(123,144,173) hsl(215,23%,58%)
#6c83a3 rgb(108,131,163) hsl(215,23%,53%)
#5e7697 rgb(94,118,151) hsl(215,23%,48%)
#546987 rgb(84,105,135) hsl(215,23%,43%)
#4b5d77 rgb(75,93,119) hsl(215,23%,38%)
#415168 rgb(65,81,104) hsl(215,23%,33%)
#374558 rgb(55,69,88) hsl(215,23%,28%)
#2d3848 rgb(45,56,72) hsl(215,23%,23%)
#232c38 rgb(35,44,56) hsl(215,23%,18%)
#1a2029 rgb(26,32,41) hsl(215,23%,13%)
#101419 rgb(16,20,25) hsl(215,23%,8%)
#060709 rgb(6,7,9) hsl(215,23%,3%)

Adjacent colors

HEX RGB HSL
#4B7874 rgb(75,120,116) hsl(175,23%,38%)
#4B5E78 rgb(75,94,120) hsl(215,23%,38%)
#564A78 rgb(86,74,120) hsl(256,24%,38%)

Monochromatic colors

HEX RGB HSL
#576E8B rgb(87,110,139) hsl(213,23%,44%)
#4B5E78 rgb(75,94,120) hsl(215,23%,38%)
#3F4F64 rgb(63,79,100) hsl(214,23%,32%)
#334051 rgb(51,64,81) hsl(214,23%,26%)
#27303E rgb(39,48,62) hsl(217,23%,20%)
#1B212B rgb(27,33,43) hsl(218,23%,14%)

Triad color palettes

HEX RGB HSL
#4B5E78 rgb(75,94,120) hsl(215,23%,38%)
#784F4B rgb(120,79,75) hsl(5,23%,38%)
#74784B rgb(116,120,75) hsl(65,23%,38%)

Tetrad color palettes

HEX RGB HSL
#4B5E78 rgb(75,94,120) hsl(215,23%,38%)
#78664B rgb(120,102,75) hsl(36,23%,38%)
#4B7578 rgb(75,117,120) hsl(184,23%,38%)
#74784B rgb(116,120,75) hsl(65,23%,38%)