HEX #506370 color — Blue Bayoux
The color #506370 is a dark shade and slightly desaturated.
Palette
506370 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(204,17%,98%) |
#eaeef0 |
rgb(234,238,240) |
hsl(204,17%,93%) |
#dbe1e6 |
rgb(219,225,230) |
hsl(204,17%,88%) |
#ccd5db |
rgb(204,213,219) |
hsl(204,17%,83%) |
#bdc9d0 |
rgb(189,201,208) |
hsl(204,17%,78%) |
#aebcc6 |
rgb(174,188,198) |
hsl(204,17%,73%) |
#a0b0bb |
rgb(160,176,187) |
hsl(204,17%,68%) |
#91a4b1 |
rgb(145,164,177) |
hsl(204,17%,63%) |
#8298a6 |
rgb(130,152,166) |
hsl(204,17%,58%) |
#738b9c |
rgb(115,139,156) |
hsl(204,17%,53%) |
#667f8f |
rgb(102,127,143) |
hsl(204,17%,48%) |
#5b7180 |
rgb(91,113,128) |
hsl(204,17%,43%) |
#506471 |
rgb(80,100,113) |
hsl(204,17%,38%) |
#465762 |
rgb(70,87,98) |
hsl(204,17%,33%) |
#3b4a54 |
rgb(59,74,84) |
hsl(204,17%,28%) |
#313d45 |
rgb(49,61,69) |
hsl(204,17%,23%) |
#262f36 |
rgb(38,47,54) |
hsl(204,17%,18%) |
#1c2227 |
rgb(28,34,39) |
hsl(204,17%,13%) |
#111518 |
rgb(17,21,24) |
hsl(204,17%,8%) |
#060809 |
rgb(6,8,9) |
hsl(204,17%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#507067 |
rgb(80,112,103) |
hsl(163,17%,38%) |
#506370 |
rgb(80,99,112) |
hsl(204,17%,38%) |
#524F70 |
rgb(82,79,112) |
hsl(245,17%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C7381 |
rgb(92,115,129) |
hsl(203,17%,43%) |
#506370 |
rgb(80,99,112) |
hsl(204,17%,38%) |
#43545E |
rgb(67,84,94) |
hsl(202,17%,32%) |
#36424C |
rgb(54,66,76) |
hsl(207,17%,25%) |
#29333A |
rgb(41,51,58) |
hsl(205,17%,19%) |
#1C2428 |
rgb(28,36,40) |
hsl(200,18%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#506370 |
rgb(80,99,112) |
hsl(204,17%,38%) |
#704F53 |
rgb(112,79,83) |
hsl(353,17%,37%) |
#706E50 |
rgb(112,110,80) |
hsl(56,17%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#506370 |
rgb(80,99,112) |
hsl(204,17%,38%) |
#705C50 |
rgb(112,92,80) |
hsl(23,17%,38%) |
#50706D |
rgb(80,112,109) |
hsl(174,17%,38%) |
#706E50 |
rgb(112,110,80) |
hsl(56,17%,38%) |