HEX #506673 color — Blue Bayoux

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

Color codes

copy icon
copy icon
copy icon

Palette

506673 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(202,18%,98%)
#eaeef0 rgb(234,238,240) hsl(202,18%,93%)
#dbe2e6 rgb(219,226,230) hsl(202,18%,88%)
#ccd6db rgb(204,214,219) hsl(202,18%,83%)
#bdcad1 rgb(189,202,209) hsl(202,18%,78%)
#aebdc7 rgb(174,189,199) hsl(202,18%,73%)
#9fb1bc rgb(159,177,188) hsl(202,18%,68%)
#90a5b2 rgb(144,165,178) hsl(202,18%,63%)
#8199a7 rgb(129,153,167) hsl(202,18%,58%)
#728d9d rgb(114,141,157) hsl(202,18%,53%)
#648090 rgb(100,128,144) hsl(202,18%,48%)
#5a7381 rgb(90,115,129) hsl(202,18%,43%)
#4f6672 rgb(79,102,114) hsl(202,18%,38%)
#455863 rgb(69,88,99) hsl(202,18%,33%)
#3b4b54 rgb(59,75,84) hsl(202,18%,28%)
#303d45 rgb(48,61,69) hsl(202,18%,23%)
#263036 rgb(38,48,54) hsl(202,18%,18%)
#1b2327 rgb(27,35,39) hsl(202,18%,13%)
#111518 rgb(17,21,24) hsl(202,18%,8%)
#060809 rgb(6,8,9) hsl(202,18%,3%)

Adjacent colors

HEX RGB HSL
#507368 rgb(80,115,104) hsl(161,18%,38%)
#506673 rgb(80,102,115) hsl(202,18%,38%)
#514F73 rgb(81,79,115) hsl(243,19%,38%)

Monochromatic colors

HEX RGB HSL
#5C7585 rgb(92,117,133) hsl(203,18%,44%)
#506673 rgb(80,102,115) hsl(202,18%,38%)
#435760 rgb(67,87,96) hsl(199,18%,32%)
#36454E rgb(54,69,78) hsl(203,18%,26%)
#29363B rgb(41,54,59) hsl(197,18%,20%)
#1C2429 rgb(28,36,41) hsl(203,19%,14%)

Triad color palettes

HEX RGB HSL
#506673 rgb(80,102,115) hsl(202,18%,38%)
#734F54 rgb(115,79,84) hsl(352,19%,38%)
#736E50 rgb(115,110,80) hsl(51,18%,38%)

Tetrad color palettes

HEX RGB HSL
#506673 rgb(80,102,115) hsl(202,18%,38%)
#735C50 rgb(115,92,80) hsl(21,18%,38%)
#50736E rgb(80,115,110) hsl(171,18%,38%)
#736E50 rgb(115,110,80) hsl(51,18%,38%)