HEX #505E73 color — Blue Bayoux
The color #505E73 is a dark shade and slightly desaturated.
Palette
505E73 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(216,18%,98%) |
#eaedf0 |
rgb(234,237,240) |
hsl(216,18%,93%) |
#dbdfe6 |
rgb(219,223,230) |
hsl(216,18%,88%) |
#ccd2db |
rgb(204,210,219) |
hsl(216,18%,83%) |
#bdc5d1 |
rgb(189,197,209) |
hsl(216,18%,78%) |
#aeb8c7 |
rgb(174,184,199) |
hsl(216,18%,73%) |
#9faabc |
rgb(159,170,188) |
hsl(216,18%,68%) |
#909db2 |
rgb(144,157,178) |
hsl(216,18%,63%) |
#8190a7 |
rgb(129,144,167) |
hsl(216,18%,58%) |
#72839d |
rgb(114,131,157) |
hsl(216,18%,53%) |
#647690 |
rgb(100,118,144) |
hsl(216,18%,48%) |
#5a6a81 |
rgb(90,106,129) |
hsl(216,18%,43%) |
#4f5d72 |
rgb(79,93,114) |
hsl(216,18%,38%) |
#455163 |
rgb(69,81,99) |
hsl(216,18%,33%) |
#3b4554 |
rgb(59,69,84) |
hsl(216,18%,28%) |
#303945 |
rgb(48,57,69) |
hsl(216,18%,23%) |
#262c36 |
rgb(38,44,54) |
hsl(216,18%,18%) |
#1b2027 |
rgb(27,32,39) |
hsl(216,18%,13%) |
#111418 |
rgb(17,20,24) |
hsl(216,18%,8%) |
#060709 |
rgb(6,7,9) |
hsl(216,18%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#507370 |
rgb(80,115,112) |
hsl(175,18%,38%) |
#505E73 |
rgb(80,94,115) |
hsl(216,18%,38%) |
#594F73 |
rgb(89,79,115) |
hsl(257,19%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C6E85 |
rgb(92,110,133) |
hsl(214,18%,44%) |
#505E73 |
rgb(80,94,115) |
hsl(216,18%,38%) |
#434F60 |
rgb(67,79,96) |
hsl(215,18%,32%) |
#36404E |
rgb(54,64,78) |
hsl(215,18%,26%) |
#29303B |
rgb(41,48,59) |
hsl(217,18%,20%) |
#1C2129 |
rgb(28,33,41) |
hsl(217,19%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#505E73 |
rgb(80,94,115) |
hsl(216,18%,38%) |
#735450 |
rgb(115,84,80) |
hsl(7,18%,38%) |
#6F7350 |
rgb(111,115,80) |
hsl(67,18%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#505E73 |
rgb(80,94,115) |
hsl(216,18%,38%) |
#736650 |
rgb(115,102,80) |
hsl(38,18%,38%) |
#507073 |
rgb(80,112,115) |
hsl(185,18%,38%) |
#6F7350 |
rgb(111,115,80) |
hsl(67,18%,38%) |