HEX #506679 color — Blue Bayoux
The color #506679 is a dark shade and slightly desaturated.
Palette
506679 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(208,20%,99%) |
#edf0f3 |
rgb(237,240,243) |
hsl(208,20%,94%) |
#dde3e9 |
rgb(221,227,233) |
hsl(208,20%,89%) |
#ced7de |
rgb(206,215,222) |
hsl(208,20%,84%) |
#bfcad4 |
rgb(191,202,212) |
hsl(208,20%,79%) |
#afbeca |
rgb(175,190,202) |
hsl(208,20%,74%) |
#a0b1c0 |
rgb(160,177,192) |
hsl(208,20%,69%) |
#91a4b6 |
rgb(145,164,182) |
hsl(208,20%,64%) |
#8298ab |
rgb(130,152,171) |
hsl(208,20%,59%) |
#728ba1 |
rgb(114,139,161) |
hsl(208,20%,54%) |
#647f96 |
rgb(100,127,150) |
hsl(208,20%,49%) |
#5a7287 |
rgb(90,114,135) |
hsl(208,20%,44%) |
#506577 |
rgb(80,101,119) |
hsl(208,20%,39%) |
#455868 |
rgb(69,88,104) |
hsl(208,20%,34%) |
#3b4b59 |
rgb(59,75,89) |
hsl(208,20%,29%) |
#313e49 |
rgb(49,62,73) |
hsl(208,20%,24%) |
#27313a |
rgb(39,49,58) |
hsl(208,20%,19%) |
#1d242b |
rgb(29,36,43) |
hsl(208,20%,14%) |
#12171c |
rgb(18,23,28) |
hsl(208,20%,9%) |
#080a0c |
rgb(8,10,12) |
hsl(208,20%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#507870 |
rgb(80,120,112) |
hsl(168,20%,39%) |
#506679 |
rgb(80,102,121) |
hsl(208,20%,39%) |
#554F79 |
rgb(85,79,121) |
hsl(249,21%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C758C |
rgb(92,117,140) |
hsl(209,21%,45%) |
#506679 |
rgb(80,102,121) |
hsl(208,20%,39%) |
#435765 |
rgb(67,87,101) |
hsl(205,20%,33%) |
#364552 |
rgb(54,69,82) |
hsl(208,21%,27%) |
#29363E |
rgb(41,54,62) |
hsl(203,20%,20%) |
#1C242B |
rgb(28,36,43) |
hsl(208,21%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#506679 |
rgb(80,102,121) |
hsl(208,20%,39%) |
#794F51 |
rgb(121,79,81) |
hsl(357,21%,39%) |
#797850 |
rgb(121,120,80) |
hsl(59,20%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#506679 |
rgb(80,102,121) |
hsl(208,20%,39%) |
#796350 |
rgb(121,99,80) |
hsl(28,20%,39%) |
#507877 |
rgb(80,120,119) |
hsl(179,20%,39%) |
#797850 |
rgb(121,120,80) |
hsl(59,20%,39%) |