HEX #5A6E81 color — Blue Bayoux
The color #5A6E81 is a dark shade and slightly desaturated.
Palette
5A6E81 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(209,18%,98%) |
#eaedf0 |
rgb(234,237,240) |
hsl(209,18%,93%) |
#dbe1e6 |
rgb(219,225,230) |
hsl(209,18%,88%) |
#ccd4db |
rgb(204,212,219) |
hsl(209,18%,83%) |
#bdc7d1 |
rgb(189,199,209) |
hsl(209,18%,78%) |
#aebbc7 |
rgb(174,187,199) |
hsl(209,18%,73%) |
#9faebc |
rgb(159,174,188) |
hsl(209,18%,68%) |
#90a1b2 |
rgb(144,161,178) |
hsl(209,18%,63%) |
#8195a7 |
rgb(129,149,167) |
hsl(209,18%,58%) |
#72889d |
rgb(114,136,157) |
hsl(209,18%,53%) |
#647b90 |
rgb(100,123,144) |
hsl(209,18%,48%) |
#5a6e81 |
rgb(90,110,129) |
hsl(209,18%,43%) |
#4f6172 |
rgb(79,97,114) |
hsl(209,18%,38%) |
#455563 |
rgb(69,85,99) |
hsl(209,18%,33%) |
#3b4854 |
rgb(59,72,84) |
hsl(209,18%,28%) |
#303b45 |
rgb(48,59,69) |
hsl(209,18%,23%) |
#262e36 |
rgb(38,46,54) |
hsl(209,18%,18%) |
#1b2127 |
rgb(27,33,39) |
hsl(209,18%,13%) |
#111518 |
rgb(17,21,24) |
hsl(209,18%,8%) |
#060809 |
rgb(6,8,9) |
hsl(209,18%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#5A827A |
rgb(90,130,122) |
hsl(168,18%,43%) |
#5A6E81 |
rgb(90,110,129) |
hsl(209,18%,43%) |
#605981 |
rgb(96,89,129) |
hsl(251,18%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7C91A4 |
rgb(124,145,164) |
hsl(209,18%,56%) |
#688095 |
rgb(104,128,149) |
hsl(208,18%,50%) |
#5A6E81 |
rgb(90,110,129) |
hsl(209,18%,43%) |
#4B5C6C |
rgb(75,92,108) |
hsl(209,18%,36%) |
#3D4A57 |
rgb(61,74,87) |
hsl(210,18%,29%) |
#2E3843 |
rgb(46,56,67) |
hsl(211,19%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A6E81 |
rgb(90,110,129) |
hsl(209,18%,43%) |
#81595A |
rgb(129,89,90) |
hsl(359,18%,43%) |
#81805A |
rgb(129,128,90) |
hsl(58,18%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A6E81 |
rgb(90,110,129) |
hsl(209,18%,43%) |
#816E5A |
rgb(129,110,90) |
hsl(31,18%,43%) |
#5A8280 |
rgb(90,130,128) |
hsl(177,18%,43%) |
#81805A |
rgb(129,128,90) |
hsl(58,18%,43%) |