HEX #5A7181 color — Blue Bayoux

The color #5a7181 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

5a7181 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(205,18%,98%)
#eaeef0 rgb(234,238,240) hsl(205,18%,93%)
#dbe1e6 rgb(219,225,230) hsl(205,18%,88%)
#ccd5db rgb(204,213,219) hsl(205,18%,83%)
#bdc9d1 rgb(189,201,209) hsl(205,18%,78%)
#aebcc7 rgb(174,188,199) hsl(205,18%,73%)
#9fb0bc rgb(159,176,188) hsl(205,18%,68%)
#90a3b2 rgb(144,163,178) hsl(205,18%,63%)
#8197a7 rgb(129,151,167) hsl(205,18%,58%)
#728b9d rgb(114,139,157) hsl(205,18%,53%)
#647e90 rgb(100,126,144) hsl(205,18%,48%)
#5a7181 rgb(90,113,129) hsl(205,18%,43%)
#4f6472 rgb(79,100,114) hsl(205,18%,38%)
#455763 rgb(69,87,99) hsl(205,18%,33%)
#3b4a54 rgb(59,74,84) hsl(205,18%,28%)
#303c45 rgb(48,60,69) hsl(205,18%,23%)
#262f36 rgb(38,47,54) hsl(205,18%,18%)
#1b2227 rgb(27,34,39) hsl(205,18%,13%)
#111518 rgb(17,21,24) hsl(205,18%,8%)
#060809 rgb(6,8,9) hsl(205,18%,3%)

Adjacent colors

HEX RGB HSL
#5A8277 rgb(90,130,119) hsl(164,18%,43%)
#5A7181 rgb(90,113,129) hsl(205,18%,43%)
#5D5981 rgb(93,89,129) hsl(246,18%,43%)

Monochromatic colors

HEX RGB HSL
#7C94A4 rgb(124,148,164) hsl(204,18%,56%)
#688295 rgb(104,130,149) hsl(205,18%,50%)
#5A7181 rgb(90,113,129) hsl(205,18%,43%)
#4B5E6C rgb(75,94,108) hsl(205,18%,36%)
#3D4D57 rgb(61,77,87) hsl(203,18%,29%)
#2E3B43 rgb(46,59,67) hsl(203,19%,22%)

Triad color palettes

HEX RGB HSL
#5A7181 rgb(90,113,129) hsl(205,18%,43%)
#81595D rgb(129,89,93) hsl(354,18%,43%)
#817D5A rgb(129,125,90) hsl(54,18%,43%)

Tetrad color palettes

HEX RGB HSL
#5A7181 rgb(90,113,129) hsl(205,18%,43%)
#816B5A rgb(129,107,90) hsl(26,18%,43%)
#5A827D rgb(90,130,125) hsl(173,18%,43%)
#817D5A rgb(129,125,90) hsl(54,18%,43%)