HEX #4A6F78 color — Blue Bayoux

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

Color codes

copy icon
copy icon
copy icon

Palette

4a6f78 color palette from light to dark

HEX RGB HSL
#f9fbfb rgb(249,251,251) hsl(192,24%,98%)
#e9f0f1 rgb(233,240,241) hsl(192,24%,93%)
#d9e5e8 rgb(217,229,232) hsl(192,24%,88%)
#c9dade rgb(201,218,222) hsl(192,24%,83%)
#b9cfd4 rgb(185,207,212) hsl(192,24%,78%)
#aac4cb rgb(170,196,203) hsl(192,24%,73%)
#9ab9c1 rgb(154,185,193) hsl(192,24%,68%)
#8aaeb7 rgb(138,174,183) hsl(192,24%,63%)
#7aa3ae rgb(122,163,174) hsl(192,24%,58%)
#6a98a4 rgb(106,152,164) hsl(192,24%,53%)
#5d8c98 rgb(93,140,152) hsl(192,24%,48%)
#537d88 rgb(83,125,136) hsl(192,24%,43%)
#4a6f78 rgb(74,111,120) hsl(192,24%,38%)
#406068 rgb(64,96,104) hsl(192,24%,33%)
#365259 rgb(54,82,89) hsl(192,24%,28%)
#2d4349 rgb(45,67,73) hsl(192,24%,23%)
#233539 rgb(35,53,57) hsl(192,24%,18%)
#192629 rgb(25,38,41) hsl(192,24%,13%)
#101719 rgb(16,23,25) hsl(192,24%,8%)
#060909 rgb(6,9,9) hsl(192,24%,3%)

Adjacent colors

HEX RGB HSL
#4A7862 rgb(74,120,98) hsl(151,24%,38%)
#4A6F78 rgb(74,111,120) hsl(192,24%,38%)
#4A5278 rgb(74,82,120) hsl(230,24%,38%)

Monochromatic colors

HEX RGB HSL
#55808B rgb(85,128,139) hsl(192,24%,44%)
#4A6F78 rgb(74,111,120) hsl(192,24%,38%)
#3E5E64 rgb(62,94,100) hsl(189,23%,32%)
#324D51 rgb(50,77,81) hsl(188,24%,26%)
#263B3E rgb(38,59,62) hsl(188,24%,20%)
#1A292B rgb(26,41,43) hsl(187,25%,14%)

Triad color palettes

HEX RGB HSL
#4A6F78 rgb(74,111,120) hsl(192,24%,38%)
#784A58 rgb(120,74,88) hsl(342,24%,38%)
#786B4A rgb(120,107,74) hsl(43,24%,38%)

Tetrad color palettes

HEX RGB HSL
#4A6F78 rgb(74,111,120) hsl(192,24%,38%)
#78544A rgb(120,84,74) hsl(13,24%,38%)
#4A786A rgb(74,120,106) hsl(162,24%,38%)
#786B4A rgb(120,107,74) hsl(43,24%,38%)