HEX #3F6177 color — Blue Bayoux

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

Color codes

copy icon
copy icon
copy icon

Palette

3F6177 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
#3F7867 rgb(63,120,103) hsl(162,31%,36%)
#3F6177 rgb(63,97,119) hsl(204,31%,36%)
#424077 rgb(66,64,119) hsl(242,30%,36%)

Monochromatic colors

HEX RGB HSL
#49708A rgb(73,112,138) hsl(204,31%,41%)
#3F6177 rgb(63,97,119) hsl(204,31%,36%)
#345263 rgb(52,82,99) hsl(202,31%,30%)
#2A4250 rgb(42,66,80) hsl(202,31%,24%)
#20333D rgb(32,51,61) hsl(201,31%,18%)
#16242A rgb(22,36,42) hsl(198,31%,13%)

Triad color palettes

HEX RGB HSL
#3F6177 rgb(63,97,119) hsl(204,31%,36%)
#774045 rgb(119,64,69) hsl(355,30%,36%)
#77703F rgb(119,112,63) hsl(53,31%,36%)

Tetrad color palettes

HEX RGB HSL
#3F6177 rgb(63,97,119) hsl(204,31%,36%)
#77543F rgb(119,84,63) hsl(23,31%,36%)
#3F7871 rgb(63,120,113) hsl(173,31%,36%)
#77703F rgb(119,112,63) hsl(53,31%,36%)