HEX #506170 color — Blue Bayoux

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

Color codes

copy icon
copy icon
copy icon

Palette

506170 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(208,17%,98%)
#eaedf0 rgb(234,237,240) hsl(208,17%,93%)
#dbe1e6 rgb(219,225,230) hsl(208,17%,88%)
#ccd4db rgb(204,212,219) hsl(208,17%,83%)
#bdc8d0 rgb(189,200,208) hsl(208,17%,78%)
#aebbc6 rgb(174,187,198) hsl(208,17%,73%)
#a0aebb rgb(160,174,187) hsl(208,17%,68%)
#91a2b1 rgb(145,162,177) hsl(208,17%,63%)
#8295a6 rgb(130,149,166) hsl(208,17%,58%)
#73899c rgb(115,137,156) hsl(208,17%,53%)
#667c8f rgb(102,124,143) hsl(208,17%,48%)
#5b6f80 rgb(91,111,128) hsl(208,17%,43%)
#506271 rgb(80,98,113) hsl(208,17%,38%)
#465562 rgb(70,85,98) hsl(208,17%,33%)
#3b4854 rgb(59,72,84) hsl(208,17%,28%)
#313b45 rgb(49,59,69) hsl(208,17%,23%)
#262e36 rgb(38,46,54) hsl(208,17%,18%)
#1c2227 rgb(28,34,39) hsl(208,17%,13%)
#111518 rgb(17,21,24) hsl(208,17%,8%)
#060809 rgb(6,8,9) hsl(208,17%,3%)

Adjacent colors

HEX RGB HSL
#507069 rgb(80,112,105) hsl(167,17%,38%)
#506170 rgb(80,97,112) hsl(208,17%,38%)
#544F70 rgb(84,79,112) hsl(249,17%,37%)

Monochromatic colors

HEX RGB HSL
#5C7081 rgb(92,112,129) hsl(208,17%,43%)
#506170 rgb(80,97,112) hsl(208,17%,38%)
#43525E rgb(67,82,94) hsl(207,17%,32%)
#36424C rgb(54,66,76) hsl(207,17%,25%)
#29333A rgb(41,51,58) hsl(205,17%,19%)
#1C2428 rgb(28,36,40) hsl(200,18%,13%)

Triad color palettes

HEX RGB HSL
#506170 rgb(80,97,112) hsl(208,17%,38%)
#704F51 rgb(112,79,81) hsl(356,17%,37%)
#707050 rgb(112,112,80) hsl(60,17%,38%)

Tetrad color palettes

HEX RGB HSL
#506170 rgb(80,97,112) hsl(208,17%,38%)
#705E50 rgb(112,94,80) hsl(26,17%,38%)
#50706F rgb(80,112,111) hsl(178,17%,38%)
#707050 rgb(112,112,80) hsl(60,17%,38%)