HEX #505E78 color — Blue Bayoux
The color #505E78 is a dark shade and slightly desaturated.
Palette
505E78 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(219,20%,99%) |
#edeff3 |
rgb(237,239,243) |
hsl(219,20%,94%) |
#dde1e9 |
rgb(221,225,233) |
hsl(219,20%,89%) |
#ced4de |
rgb(206,212,222) |
hsl(219,20%,84%) |
#bfc6d4 |
rgb(191,198,212) |
hsl(219,20%,79%) |
#afb9ca |
rgb(175,185,202) |
hsl(219,20%,74%) |
#a0abc0 |
rgb(160,171,192) |
hsl(219,20%,69%) |
#919eb6 |
rgb(145,158,182) |
hsl(219,20%,64%) |
#8290ab |
rgb(130,144,171) |
hsl(219,20%,59%) |
#7283a1 |
rgb(114,131,161) |
hsl(219,20%,54%) |
#647596 |
rgb(100,117,150) |
hsl(219,20%,49%) |
#5a6987 |
rgb(90,105,135) |
hsl(219,20%,44%) |
#505d77 |
rgb(80,93,119) |
hsl(219,20%,39%) |
#455168 |
rgb(69,81,104) |
hsl(219,20%,34%) |
#3b4659 |
rgb(59,70,89) |
hsl(219,20%,29%) |
#313a49 |
rgb(49,58,73) |
hsl(219,20%,24%) |
#272e3a |
rgb(39,46,58) |
hsl(219,20%,19%) |
#1d222b |
rgb(29,34,43) |
hsl(219,20%,14%) |
#12161c |
rgb(18,22,28) |
hsl(219,20%,9%) |
#080a0c |
rgb(8,10,12) |
hsl(219,20%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#507877 |
rgb(80,120,119) |
hsl(179,20%,39%) |
#505E78 |
rgb(80,94,120) |
hsl(219,20%,39%) |
#5C4F78 |
rgb(92,79,120) |
hsl(259,21%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C6E8B |
rgb(92,110,139) |
hsl(217,20%,45%) |
#505E78 |
rgb(80,94,120) |
hsl(219,20%,39%) |
#434F64 |
rgb(67,79,100) |
hsl(218,20%,33%) |
#364051 |
rgb(54,64,81) |
hsl(218,20%,26%) |
#29303E |
rgb(41,48,62) |
hsl(220,20%,20%) |
#1C212B |
rgb(28,33,43) |
hsl(220,21%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#505E78 |
rgb(80,94,120) |
hsl(219,20%,39%) |
#785750 |
rgb(120,87,80) |
hsl(11,20%,39%) |
#727850 |
rgb(114,120,80) |
hsl(69,20%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#505E78 |
rgb(80,94,120) |
hsl(219,20%,39%) |
#786B50 |
rgb(120,107,80) |
hsl(41,20%,39%) |
#507378 |
rgb(80,115,120) |
hsl(188,20%,39%) |
#727850 |
rgb(114,120,80) |
hsl(69,20%,39%) |