HEX #4A6178 color — Blue Bayoux

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

Color codes

copy icon
copy icon
copy icon

Palette

4a6178 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(210,24%,98%)
#e9edf1 rgb(233,237,241) hsl(210,24%,93%)
#d9e0e8 rgb(217,224,232) hsl(210,24%,88%)
#c9d4de rgb(201,212,222) hsl(210,24%,83%)
#b9c7d4 rgb(185,199,212) hsl(210,24%,78%)
#aabacb rgb(170,186,203) hsl(210,24%,73%)
#9aadc1 rgb(154,173,193) hsl(210,24%,68%)
#8aa1b7 rgb(138,161,183) hsl(210,24%,63%)
#7a94ae rgb(122,148,174) hsl(210,24%,58%)
#6a87a4 rgb(106,135,164) hsl(210,24%,53%)
#5d7a98 rgb(93,122,152) hsl(210,24%,48%)
#536e88 rgb(83,110,136) hsl(210,24%,43%)
#4a6178 rgb(74,97,120) hsl(210,24%,38%)
#405468 rgb(64,84,104) hsl(210,24%,33%)
#364759 rgb(54,71,89) hsl(210,24%,28%)
#2d3b49 rgb(45,59,73) hsl(210,24%,23%)
#232e39 rgb(35,46,57) hsl(210,24%,18%)
#192129 rgb(25,33,41) hsl(210,24%,13%)
#101419 rgb(16,20,25) hsl(210,24%,8%)
#060809 rgb(6,8,9) hsl(210,24%,3%)

Adjacent colors

HEX RGB HSL
#4A7870 rgb(74,120,112) hsl(170,24%,38%)
#4A6178 rgb(74,97,120) hsl(210,24%,38%)
#514A78 rgb(81,74,120) hsl(249,24%,38%)

Monochromatic colors

HEX RGB HSL
#55708B rgb(85,112,139) hsl(210,24%,44%)
#4A6178 rgb(74,97,120) hsl(210,24%,38%)
#3E5264 rgb(62,82,100) hsl(208,23%,32%)
#324251 rgb(50,66,81) hsl(209,24%,26%)
#26333E rgb(38,51,62) hsl(208,24%,20%)
#1A242B rgb(26,36,43) hsl(205,25%,14%)

Triad color palettes

HEX RGB HSL
#4A6178 rgb(74,97,120) hsl(210,24%,38%)
#784A4A rgb(120,74,74) hsl(360,24%,38%)
#78784A rgb(120,120,74) hsl(60,24%,38%)

Tetrad color palettes

HEX RGB HSL
#4A6178 rgb(74,97,120) hsl(210,24%,38%)
#78614A rgb(120,97,74) hsl(30,24%,38%)
#4A7878 rgb(74,120,120) hsl(180,24%,38%)
#78784A rgb(120,120,74) hsl(60,24%,38%)