HEX #486670 color — Blue Bayoux

The color #486670 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

486670 color palette from light to dark

HEX RGB HSL
#f3f6f7 rgb(243,246,247) hsl(195,22%,96%)
#e3ebed rgb(227,235,237) hsl(195,22%,91%)
#d3dfe3 rgb(211,223,227) hsl(195,22%,86%)
#c4d4d9 rgb(196,212,217) hsl(195,22%,81%)
#b4c9cf rgb(180,201,207) hsl(195,22%,76%)
#a5bdc5 rgb(165,189,197) hsl(195,22%,71%)
#95b2bb rgb(149,178,187) hsl(195,22%,66%)
#86a6b1 rgb(134,166,177) hsl(195,22%,61%)
#769ba7 rgb(118,155,167) hsl(195,22%,56%)
#67909e rgb(103,144,158) hsl(195,22%,51%)
#5b828f rgb(91,130,143) hsl(195,22%,46%)
#527480 rgb(82,116,128) hsl(195,22%,41%)
#486670 rgb(72,102,112) hsl(195,22%,36%)
#3e5860 rgb(62,88,96) hsl(195,22%,31%)
#344a51 rgb(52,74,81) hsl(195,22%,26%)
#2a3b41 rgb(42,59,65) hsl(195,22%,21%)
#202d32 rgb(32,45,50) hsl(195,22%,16%)
#161f22 rgb(22,31,34) hsl(195,22%,11%)
#0c1113 rgb(12,17,19) hsl(195,22%,6%)
#020303 rgb(2,3,3) hsl(195,22%,1%)

Adjacent colors

HEX RGB HSL
#48705F rgb(72,112,95) hsl(155,22%,36%)
#486670 rgb(72,102,112) hsl(195,22%,36%)
#484D70 rgb(72,77,112) hsl(233,22%,36%)

Monochromatic colors

HEX RGB HSL
#537581 rgb(83,117,129) hsl(196,22%,42%)
#486670 rgb(72,102,112) hsl(195,22%,36%)
#3C575E rgb(60,87,94) hsl(192,22%,30%)
#30454C rgb(48,69,76) hsl(195,23%,24%)
#25363A rgb(37,54,58) hsl(191,22%,19%)
#192428 rgb(25,36,40) hsl(196,23%,13%)

Triad color palettes

HEX RGB HSL
#486670 rgb(72,102,112) hsl(195,22%,36%)
#704752 rgb(112,71,82) hsl(344,22%,36%)
#706648 rgb(112,102,72) hsl(45,22%,36%)

Tetrad color palettes

HEX RGB HSL
#486670 rgb(72,102,112) hsl(195,22%,36%)
#705248 rgb(112,82,72) hsl(15,22%,36%)
#487066 rgb(72,112,102) hsl(165,22%,36%)
#706648 rgb(112,102,72) hsl(45,22%,36%)