HEX #506172 color — Blue Bayoux
The color #506172 is a dark shade and slightly desaturated.
Palette
506172 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(210,18%,98%) |
#eaedf0 |
rgb(234,237,240) |
hsl(210,18%,93%) |
#dbe0e6 |
rgb(219,224,230) |
hsl(210,18%,88%) |
#ccd4db |
rgb(204,212,219) |
hsl(210,18%,83%) |
#bdc7d1 |
rgb(189,199,209) |
hsl(210,18%,78%) |
#aebac7 |
rgb(174,186,199) |
hsl(210,18%,73%) |
#9fadbc |
rgb(159,173,188) |
hsl(210,18%,68%) |
#90a1b2 |
rgb(144,161,178) |
hsl(210,18%,63%) |
#8194a7 |
rgb(129,148,167) |
hsl(210,18%,58%) |
#72879d |
rgb(114,135,157) |
hsl(210,18%,53%) |
#647a90 |
rgb(100,122,144) |
hsl(210,18%,48%) |
#5a6e81 |
rgb(90,110,129) |
hsl(210,18%,43%) |
#4f6172 |
rgb(79,97,114) |
hsl(210,18%,38%) |
#455463 |
rgb(69,84,99) |
hsl(210,18%,33%) |
#3b4754 |
rgb(59,71,84) |
hsl(210,18%,28%) |
#303b45 |
rgb(48,59,69) |
hsl(210,18%,23%) |
#262e36 |
rgb(38,46,54) |
hsl(210,18%,18%) |
#1b2127 |
rgb(27,33,39) |
hsl(210,18%,13%) |
#111418 |
rgb(17,20,24) |
hsl(210,18%,8%) |
#060809 |
rgb(6,8,9) |
hsl(210,18%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#50736C |
rgb(80,115,108) |
hsl(168,18%,38%) |
#506172 |
rgb(80,97,114) |
hsl(210,18%,38%) |
#554F72 |
rgb(85,79,114) |
hsl(250,18%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C7084 |
rgb(92,112,132) |
hsl(210,18%,44%) |
#506172 |
rgb(80,97,114) |
hsl(210,18%,38%) |
#43525F |
rgb(67,82,95) |
hsl(208,17%,32%) |
#36424D |
rgb(54,66,77) |
hsl(209,18%,26%) |
#29333B |
rgb(41,51,59) |
hsl(207,18%,20%) |
#1C2429 |
rgb(28,36,41) |
hsl(203,19%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#506172 |
rgb(80,97,114) |
hsl(210,18%,38%) |
#724F50 |
rgb(114,79,80) |
hsl(358,18%,38%) |
#727350 |
rgb(114,115,80) |
hsl(62,18%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#506172 |
rgb(80,97,114) |
hsl(210,18%,38%) |
#726150 |
rgb(114,97,80) |
hsl(30,18%,38%) |
#507372 |
rgb(80,115,114) |
hsl(178,18%,38%) |
#727350 |
rgb(114,115,80) |
hsl(62,18%,38%) |