HEX #506174 color — Blue Bayoux
The color #506174 is a dark shade and slightly desaturated.
Palette
506174 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(212,18%,98%) |
#eaedf0 |
rgb(234,237,240) |
hsl(212,18%,93%) |
#dbe0e6 |
rgb(219,224,230) |
hsl(212,18%,88%) |
#ccd3db |
rgb(204,211,219) |
hsl(212,18%,83%) |
#bdc6d1 |
rgb(189,198,209) |
hsl(212,18%,78%) |
#aeb9c7 |
rgb(174,185,199) |
hsl(212,18%,73%) |
#9facbc |
rgb(159,172,188) |
hsl(212,18%,68%) |
#90a0b2 |
rgb(144,160,178) |
hsl(212,18%,63%) |
#8193a7 |
rgb(129,147,167) |
hsl(212,18%,58%) |
#72869d |
rgb(114,134,157) |
hsl(212,18%,53%) |
#647990 |
rgb(100,121,144) |
hsl(212,18%,48%) |
#5a6c81 |
rgb(90,108,129) |
hsl(212,18%,43%) |
#4f6072 |
rgb(79,96,114) |
hsl(212,18%,38%) |
#455363 |
rgb(69,83,99) |
hsl(212,18%,33%) |
#3b4754 |
rgb(59,71,84) |
hsl(212,18%,28%) |
#303a45 |
rgb(48,58,69) |
hsl(212,18%,23%) |
#262d36 |
rgb(38,45,54) |
hsl(212,18%,18%) |
#1b2127 |
rgb(27,33,39) |
hsl(212,18%,13%) |
#111418 |
rgb(17,20,24) |
hsl(212,18%,8%) |
#060809 |
rgb(6,8,9) |
hsl(212,18%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#50736F |
rgb(80,115,111) |
hsl(173,18%,38%) |
#506174 |
rgb(80,97,116) |
hsl(212,18%,38%) |
#574F74 |
rgb(87,79,116) |
hsl(253,19%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C7086 |
rgb(92,112,134) |
hsl(211,19%,44%) |
#506174 |
rgb(80,97,116) |
hsl(212,18%,38%) |
#435261 |
rgb(67,82,97) |
hsl(210,18%,32%) |
#36424E |
rgb(54,66,78) |
hsl(210,18%,26%) |
#29333C |
rgb(41,51,60) |
hsl(208,19%,20%) |
#1C2429 |
rgb(28,36,41) |
hsl(203,19%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#506174 |
rgb(80,97,116) |
hsl(212,18%,38%) |
#745250 |
rgb(116,82,80) |
hsl(3,18%,38%) |
#737350 |
rgb(115,115,80) |
hsl(60,18%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#506174 |
rgb(80,97,116) |
hsl(212,18%,38%) |
#746350 |
rgb(116,99,80) |
hsl(32,18%,38%) |
#507374 |
rgb(80,115,116) |
hsl(182,18%,38%) |
#737350 |
rgb(115,115,80) |
hsl(60,18%,38%) |