HEX #4A5678 color — Blue Bayoux

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

Color codes

copy icon
copy icon
copy icon

Palette

4a5678 color palette from light to dark

HEX RGB HSL
#f9f9fb rgb(249,249,251) hsl(224,24%,98%)
#e9ebf1 rgb(233,235,241) hsl(224,24%,93%)
#d9dde8 rgb(217,221,232) hsl(224,24%,88%)
#c9cfde rgb(201,207,222) hsl(224,24%,83%)
#b9c1d4 rgb(185,193,212) hsl(224,24%,78%)
#aab2cb rgb(170,178,203) hsl(224,24%,73%)
#9aa4c1 rgb(154,164,193) hsl(224,24%,68%)
#8a96b7 rgb(138,150,183) hsl(224,24%,63%)
#7a88ae rgb(122,136,174) hsl(224,24%,58%)
#6a7aa4 rgb(106,122,164) hsl(224,24%,53%)
#5d6d98 rgb(93,109,152) hsl(224,24%,48%)
#536188 rgb(83,97,136) hsl(224,24%,43%)
#4a5678 rgb(74,86,120) hsl(224,24%,38%)
#404b68 rgb(64,75,104) hsl(224,24%,33%)
#363f59 rgb(54,63,89) hsl(224,24%,28%)
#2d3449 rgb(45,52,73) hsl(224,24%,23%)
#232939 rgb(35,41,57) hsl(224,24%,18%)
#191d29 rgb(25,29,41) hsl(224,24%,13%)
#101219 rgb(16,18,25) hsl(224,24%,8%)
#060709 rgb(6,7,9) hsl(224,24%,3%)

Adjacent colors

HEX RGB HSL
#4A7578 rgb(74,117,120) hsl(184,24%,38%)
#4A5678 rgb(74,86,120) hsl(224,24%,38%)
#5C4A78 rgb(92,74,120) hsl(263,24%,38%)

Monochromatic colors

HEX RGB HSL
#55638B rgb(85,99,139) hsl(224,24%,44%)
#4A5678 rgb(74,86,120) hsl(224,24%,38%)
#3E4764 rgb(62,71,100) hsl(226,23%,32%)
#323B51 rgb(50,59,81) hsl(223,24%,26%)
#262E3E rgb(38,46,62) hsl(220,24%,20%)
#1A1F2B rgb(26,31,43) hsl(222,25%,14%)

Triad color palettes

HEX RGB HSL
#4A5678 rgb(74,86,120) hsl(224,24%,38%)
#78544A rgb(120,84,74) hsl(13,24%,38%)
#6D784A rgb(109,120,74) hsl(74,24%,38%)

Tetrad color palettes

HEX RGB HSL
#4A5678 rgb(74,86,120) hsl(224,24%,38%)
#786B4A rgb(120,107,74) hsl(43,24%,38%)
#4A6E78 rgb(74,110,120) hsl(193,24%,38%)
#6D784A rgb(109,120,74) hsl(74,24%,38%)