HEX #505A77 color — Blue Bayoux
The color #505a77 is a dark shade and slightly desaturated.
Palette
505a77 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(225,20%,99%) |
#edeef3 |
rgb(237,238,243) |
hsl(225,20%,94%) |
#dde0e9 |
rgb(221,224,233) |
hsl(225,20%,89%) |
#ced2de |
rgb(206,210,222) |
hsl(225,20%,84%) |
#bfc4d4 |
rgb(191,196,212) |
hsl(225,20%,79%) |
#afb6ca |
rgb(175,182,202) |
hsl(225,20%,74%) |
#a0a8c0 |
rgb(160,168,192) |
hsl(225,20%,69%) |
#919ab6 |
rgb(145,154,182) |
hsl(225,20%,64%) |
#828cab |
rgb(130,140,171) |
hsl(225,20%,59%) |
#727ea1 |
rgb(114,126,161) |
hsl(225,20%,54%) |
#647096 |
rgb(100,112,150) |
hsl(225,20%,49%) |
#5a6587 |
rgb(90,101,135) |
hsl(225,20%,44%) |
#505a77 |
rgb(80,90,119) |
hsl(225,20%,39%) |
#454e68 |
rgb(69,78,104) |
hsl(225,20%,34%) |
#3b4359 |
rgb(59,67,89) |
hsl(225,20%,29%) |
#313749 |
rgb(49,55,73) |
hsl(225,20%,24%) |
#272c3a |
rgb(39,44,58) |
hsl(225,20%,19%) |
#1d202b |
rgb(29,32,43) |
hsl(225,20%,14%) |
#12151c |
rgb(18,21,28) |
hsl(225,20%,9%) |
#08090c |
rgb(8,9,12) |
hsl(225,20%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#507377 |
rgb(80,115,119) |
hsl(186,20%,39%) |
#505A77 |
rgb(80,90,119) |
hsl(225,20%,39%) |
#604F77 |
rgb(96,79,119) |
hsl(266,20%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C698A |
rgb(92,105,138) |
hsl(223,20%,45%) |
#505A77 |
rgb(80,90,119) |
hsl(225,20%,39%) |
#434D63 |
rgb(67,77,99) |
hsl(221,19%,33%) |
#363D50 |
rgb(54,61,80) |
hsl(224,19%,26%) |
#292E3D |
rgb(41,46,61) |
hsl(225,20%,20%) |
#1C212A |
rgb(28,33,42) |
hsl(219,20%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#505A77 |
rgb(80,90,119) |
hsl(225,20%,39%) |
#775950 |
rgb(119,89,80) |
hsl(14,20%,39%) |
#6D7850 |
rgb(109,120,80) |
hsl(77,20%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#505A77 |
rgb(80,90,119) |
hsl(225,20%,39%) |
#776E50 |
rgb(119,110,80) |
hsl(46,20%,39%) |
#506E77 |
rgb(80,110,119) |
hsl(194,20%,39%) |
#6D7850 |
rgb(109,120,80) |
hsl(77,20%,39%) |