HEX #3F6178 color — Blue Bayoux

The color #3f6178 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

3f6178 color palette from light to dark

HEX RGB HSL
#f2f5f8 rgb(242,245,248) hsl(204,31%,96%)
#e1e9ef rgb(225,233,239) hsl(204,31%,91%)
#d0dee6 rgb(208,222,230) hsl(204,31%,86%)
#c0d2de rgb(192,210,222) hsl(204,31%,81%)
#afc6d5 rgb(175,198,213) hsl(204,31%,76%)
#9ebacc rgb(158,186,204) hsl(204,31%,71%)
#8daec3 rgb(141,174,195) hsl(204,31%,66%)
#7da2ba rgb(125,162,186) hsl(204,31%,61%)
#6c96b2 rgb(108,150,178) hsl(204,31%,56%)
#5b8aa9 rgb(91,138,169) hsl(204,31%,51%)
#517d9a rgb(81,125,154) hsl(204,31%,46%)
#486f89 rgb(72,111,137) hsl(204,31%,41%)
#3f6178 rgb(63,97,120) hsl(204,31%,36%)
#375468 rgb(55,84,104) hsl(204,31%,31%)
#2e4657 rgb(46,70,87) hsl(204,31%,26%)
#253946 rgb(37,57,70) hsl(204,31%,21%)
#1c2b35 rgb(28,43,53) hsl(204,31%,16%)
#131e25 rgb(19,30,37) hsl(204,31%,11%)
#0b1014 rgb(11,16,20) hsl(204,31%,6%)
#020303 rgb(2,3,3) hsl(204,31%,1%)

Adjacent colors

HEX RGB HSL
#3F7869 rgb(63,120,105) hsl(164,31%,36%)
#3F6178 rgb(63,97,120) hsl(204,31%,36%)
#434078 rgb(67,64,120) hsl(243,30%,36%)

Monochromatic colors

HEX RGB HSL
#49708B rgb(73,112,139) hsl(205,31%,42%)
#3F6178 rgb(63,97,120) hsl(204,31%,36%)
#345264 rgb(52,82,100) hsl(203,32%,30%)
#2A4251 rgb(42,66,81) hsl(203,32%,24%)
#20333E rgb(32,51,62) hsl(202,32%,18%)
#16242B rgb(22,36,43) hsl(200,32%,13%)

Triad color palettes

HEX RGB HSL
#3F6178 rgb(63,97,120) hsl(204,31%,36%)
#784044 rgb(120,64,68) hsl(356,30%,36%)
#78733F rgb(120,115,63) hsl(55,31%,36%)

Tetrad color palettes

HEX RGB HSL
#3F6178 rgb(63,97,120) hsl(204,31%,36%)
#78573F rgb(120,87,63) hsl(25,31%,36%)
#3F7872 rgb(63,120,114) hsl(174,31%,36%)
#78733F rgb(120,115,63) hsl(55,31%,36%)