HEX #505D77 color — Blue Bayoux
The color #505d77 is a dark shade and slightly desaturated.
Palette
505d77 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(220,20%,99%) |
#edeff3 |
rgb(237,239,243) |
hsl(220,20%,94%) |
#dde1e9 |
rgb(221,225,233) |
hsl(220,20%,89%) |
#ced3de |
rgb(206,211,222) |
hsl(220,20%,84%) |
#bfc6d4 |
rgb(191,198,212) |
hsl(220,20%,79%) |
#afb8ca |
rgb(175,184,202) |
hsl(220,20%,74%) |
#a0abc0 |
rgb(160,171,192) |
hsl(220,20%,69%) |
#919db6 |
rgb(145,157,182) |
hsl(220,20%,64%) |
#828fab |
rgb(130,143,171) |
hsl(220,20%,59%) |
#7282a1 |
rgb(114,130,161) |
hsl(220,20%,54%) |
#647596 |
rgb(100,117,150) |
hsl(220,20%,49%) |
#5a6987 |
rgb(90,105,135) |
hsl(220,20%,44%) |
#505d77 |
rgb(80,93,119) |
hsl(220,20%,39%) |
#455168 |
rgb(69,81,104) |
hsl(220,20%,34%) |
#3b4559 |
rgb(59,69,89) |
hsl(220,20%,29%) |
#313949 |
rgb(49,57,73) |
hsl(220,20%,24%) |
#272d3a |
rgb(39,45,58) |
hsl(220,20%,19%) |
#1d212b |
rgb(29,33,43) |
hsl(220,20%,14%) |
#12151c |
rgb(18,21,28) |
hsl(220,20%,9%) |
#080a0c |
rgb(8,10,12) |
hsl(220,20%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#507877 |
rgb(80,120,119) |
hsl(179,20%,39%) |
#505D77 |
rgb(80,93,119) |
hsl(220,20%,39%) |
#5D4F77 |
rgb(93,79,119) |
hsl(261,20%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C6B8A |
rgb(92,107,138) |
hsl(220,20%,45%) |
#505D77 |
rgb(80,93,119) |
hsl(220,20%,39%) |
#434F63 |
rgb(67,79,99) |
hsl(218,19%,33%) |
#364050 |
rgb(54,64,80) |
hsl(217,19%,26%) |
#29303D |
rgb(41,48,61) |
hsl(219,20%,20%) |
#1C212A |
rgb(28,33,42) |
hsl(219,20%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#505D77 |
rgb(80,93,119) |
hsl(220,20%,39%) |
#775750 |
rgb(119,87,80) |
hsl(11,20%,39%) |
#707850 |
rgb(112,120,80) |
hsl(72,20%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#505D77 |
rgb(80,93,119) |
hsl(220,20%,39%) |
#776B50 |
rgb(119,107,80) |
hsl(42,20%,39%) |
#507077 |
rgb(80,112,119) |
hsl(191,20%,39%) |
#707850 |
rgb(112,120,80) |
hsl(72,20%,39%) |