HEX #4A5B78 color — Blue Bayoux

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

Color codes

copy icon
copy icon
copy icon

Palette

4a5b78 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(218,24%,98%)
#e9ecf1 rgb(233,236,241) hsl(218,24%,93%)
#d9dee8 rgb(217,222,232) hsl(218,24%,88%)
#c9d1de rgb(201,209,222) hsl(218,24%,83%)
#b9c3d4 rgb(185,195,212) hsl(218,24%,78%)
#aab6cb rgb(170,182,203) hsl(218,24%,73%)
#9aa8c1 rgb(154,168,193) hsl(218,24%,68%)
#8a9bb7 rgb(138,155,183) hsl(218,24%,63%)
#7a8dae rgb(122,141,174) hsl(218,24%,58%)
#6a7fa4 rgb(106,127,164) hsl(218,24%,53%)
#5d7398 rgb(93,115,152) hsl(218,24%,48%)
#536788 rgb(83,103,136) hsl(218,24%,43%)
#4a5b78 rgb(74,91,120) hsl(218,24%,38%)
#404f68 rgb(64,79,104) hsl(218,24%,33%)
#364359 rgb(54,67,89) hsl(218,24%,28%)
#2d3749 rgb(45,55,73) hsl(218,24%,23%)
#232b39 rgb(35,43,57) hsl(218,24%,18%)
#191f29 rgb(25,31,41) hsl(218,24%,13%)
#101319 rgb(16,19,25) hsl(218,24%,8%)
#060709 rgb(6,7,9) hsl(218,24%,3%)

Adjacent colors

HEX RGB HSL
#4A7876 rgb(74,120,118) hsl(177,24%,38%)
#4A5B78 rgb(74,91,120) hsl(218,24%,38%)
#574A78 rgb(87,74,120) hsl(257,24%,38%)

Monochromatic colors

HEX RGB HSL
#55698B rgb(85,105,139) hsl(218,24%,44%)
#4A5B78 rgb(74,91,120) hsl(218,24%,38%)
#3E4D64 rgb(62,77,100) hsl(216,23%,32%)
#323D51 rgb(50,61,81) hsl(219,24%,26%)
#26303E rgb(38,48,62) hsl(215,24%,20%)
#1A212B rgb(26,33,43) hsl(215,25%,14%)

Triad color palettes

HEX RGB HSL
#4A5B78 rgb(74,91,120) hsl(218,24%,38%)
#784F4A rgb(120,79,74) hsl(7,24%,38%)
#72784A rgb(114,120,74) hsl(68,24%,38%)

Tetrad color palettes

HEX RGB HSL
#4A5B78 rgb(74,91,120) hsl(218,24%,38%)
#78664A rgb(120,102,74) hsl(37,24%,38%)
#4A7378 rgb(74,115,120) hsl(187,24%,38%)
#72784A rgb(114,120,74) hsl(68,24%,38%)