HEX #4A6977 color — Blue Bayoux

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

Color codes

copy icon
copy icon
copy icon

Palette

4A6977 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(199,23%,98%)
#e9eff1 rgb(233,239,241) hsl(199,23%,93%)
#d9e3e7 rgb(217,227,231) hsl(199,23%,88%)
#cad7de rgb(202,215,222) hsl(199,23%,83%)
#baccd4 rgb(186,204,212) hsl(199,23%,78%)
#aac0ca rgb(170,192,202) hsl(199,23%,73%)
#9bb4c0 rgb(155,180,192) hsl(199,23%,68%)
#8ba9b6 rgb(139,169,182) hsl(199,23%,63%)
#7b9dad rgb(123,157,173) hsl(199,23%,58%)
#6c91a3 rgb(108,145,163) hsl(199,23%,53%)
#5e8597 rgb(94,133,151) hsl(199,23%,48%)
#547787 rgb(84,119,135) hsl(199,23%,43%)
#4b6977 rgb(75,105,119) hsl(199,23%,38%)
#415b68 rgb(65,91,104) hsl(199,23%,33%)
#374d58 rgb(55,77,88) hsl(199,23%,28%)
#2d4048 rgb(45,64,72) hsl(199,23%,23%)
#233238 rgb(35,50,56) hsl(199,23%,18%)
#1a2429 rgb(26,36,41) hsl(199,23%,13%)
#101619 rgb(16,22,25) hsl(199,23%,8%)
#060809 rgb(6,8,9) hsl(199,23%,3%)

Adjacent colors

HEX RGB HSL
#4A7867 rgb(74,120,103) hsl(158,24%,38%)
#4A6977 rgb(74,105,119) hsl(199,23%,38%)
#4A4A77 rgb(74,74,119) hsl(240,23%,38%)

Monochromatic colors

HEX RGB HSL
#557A8A rgb(85,122,138) hsl(198,24%,44%)
#4A6977 rgb(74,105,119) hsl(199,23%,38%)
#3E5963 rgb(62,89,99) hsl(196,23%,32%)
#324750 rgb(50,71,80) hsl(198,23%,25%)
#26363D rgb(38,54,61) hsl(198,23%,19%)
#1A262A rgb(26,38,42) hsl(195,24%,13%)

Triad color palettes

HEX RGB HSL
#4A6977 rgb(74,105,119) hsl(199,23%,38%)
#774A52 rgb(119,74,82) hsl(349,23%,38%)
#776E4A rgb(119,110,74) hsl(48,23%,38%)

Tetrad color palettes

HEX RGB HSL
#4A6977 rgb(74,105,119) hsl(199,23%,38%)
#77594A rgb(119,89,74) hsl(20,23%,38%)
#4A786E rgb(74,120,110) hsl(167,24%,38%)
#776E4A rgb(119,110,74) hsl(48,23%,38%)