HEX #506687 color — Blue Bayoux
The color #506687 is a dark shade and slightly desaturated.
Palette
506687 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7f9 |
rgb(245,247,249) |
hsl(216,26%,97%) |
#e5eaf0 |
rgb(229,234,240) |
hsl(216,26%,92%) |
#d5dce6 |
rgb(213,220,230) |
hsl(216,26%,87%) |
#c5cfdd |
rgb(197,207,221) |
hsl(216,26%,82%) |
#b5c1d4 |
rgb(181,193,212) |
hsl(216,26%,77%) |
#a5b4ca |
rgb(165,180,202) |
hsl(216,26%,72%) |
#95a6c1 |
rgb(149,166,193) |
hsl(216,26%,67%) |
#8599b7 |
rgb(133,153,183) |
hsl(216,26%,62%) |
#758cae |
rgb(117,140,174) |
hsl(216,26%,57%) |
#657ea4 |
rgb(101,126,164) |
hsl(216,26%,52%) |
#597297 |
rgb(89,114,151) |
hsl(216,26%,47%) |
#4f6687 |
rgb(79,102,135) |
hsl(216,26%,42%) |
#465977 |
rgb(70,89,119) |
hsl(216,26%,37%) |
#3c4d67 |
rgb(60,77,103) |
hsl(216,26%,32%) |
#334157 |
rgb(51,65,87) |
hsl(216,26%,27%) |
#2a3547 |
rgb(42,53,71) |
hsl(216,26%,22%) |
#202937 |
rgb(32,41,55) |
hsl(216,26%,17%) |
#171d27 |
rgb(23,29,39) |
hsl(216,26%,12%) |
#0d1116 |
rgb(13,17,22) |
hsl(216,26%,7%) |
#040506 |
rgb(4,5,6) |
hsl(216,26%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#508783 |
rgb(80,135,131) |
hsl(176,26%,42%) |
#506687 |
rgb(80,102,135) |
hsl(216,26%,42%) |
#5E4F87 |
rgb(94,79,135) |
hsl(256,26%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7087AA |
rgb(112,135,170) |
hsl(216,25%,55%) |
#5C759C |
rgb(92,117,156) |
hsl(217,26%,49%) |
#506687 |
rgb(80,102,135) |
hsl(216,26%,42%) |
#435771 |
rgb(67,87,113) |
hsl(214,26%,35%) |
#36455B |
rgb(54,69,91) |
hsl(216,26%,28%) |
#293646 |
rgb(41,54,70) |
hsl(213,26%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#506687 |
rgb(80,102,135) |
hsl(216,26%,42%) |
#875750 |
rgb(135,87,80) |
hsl(8,26%,42%) |
#818750 |
rgb(129,135,80) |
hsl(67,26%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#506687 |
rgb(80,102,135) |
hsl(216,26%,42%) |
#877050 |
rgb(135,112,80) |
hsl(35,26%,42%) |
#508287 |
rgb(80,130,135) |
hsl(185,26%,42%) |
#818750 |
rgb(129,135,80) |
hsl(67,26%,42%) |