HEX #505E75 color — Blue Bayoux
The color #505E75 is a dark shade and slightly desaturated.
Palette
505E75 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(217,19%,99%) |
#edeff3 |
rgb(237,239,243) |
hsl(217,19%,94%) |
#dee2e8 |
rgb(222,226,232) |
hsl(217,19%,89%) |
#ced4de |
rgb(206,212,222) |
hsl(217,19%,84%) |
#bfc7d4 |
rgb(191,199,212) |
hsl(217,19%,79%) |
#b0bac9 |
rgb(176,186,201) |
hsl(217,19%,74%) |
#a1acbf |
rgb(161,172,191) |
hsl(217,19%,69%) |
#929fb5 |
rgb(146,159,181) |
hsl(217,19%,64%) |
#8392aa |
rgb(131,146,170) |
hsl(217,19%,59%) |
#7384a0 |
rgb(115,132,160) |
hsl(217,19%,54%) |
#657795 |
rgb(101,119,149) |
hsl(217,19%,49%) |
#5b6b86 |
rgb(91,107,134) |
hsl(217,19%,44%) |
#515f76 |
rgb(81,95,118) |
hsl(217,19%,39%) |
#465367 |
rgb(70,83,103) |
hsl(217,19%,34%) |
#3c4758 |
rgb(60,71,88) |
hsl(217,19%,29%) |
#323a49 |
rgb(50,58,73) |
hsl(217,19%,24%) |
#272e3a |
rgb(39,46,58) |
hsl(217,19%,19%) |
#1d222a |
rgb(29,34,42) |
hsl(217,19%,14%) |
#13161b |
rgb(19,22,27) |
hsl(217,19%,9%) |
#080a0c |
rgb(8,10,12) |
hsl(217,19%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#507573 |
rgb(80,117,115) |
hsl(177,19%,39%) |
#505E75 |
rgb(80,94,117) |
hsl(217,19%,39%) |
#5A4F75 |
rgb(90,79,117) |
hsl(257,19%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C6E87 |
rgb(92,110,135) |
hsl(215,19%,45%) |
#505E75 |
rgb(80,94,117) |
hsl(217,19%,39%) |
#434F62 |
rgb(67,79,98) |
hsl(217,19%,32%) |
#36404F |
rgb(54,64,79) |
hsl(216,19%,26%) |
#29303C |
rgb(41,48,60) |
hsl(218,19%,20%) |
#1C212A |
rgb(28,33,42) |
hsl(219,20%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#505E75 |
rgb(80,94,117) |
hsl(217,19%,39%) |
#755450 |
rgb(117,84,80) |
hsl(6,19%,39%) |
#707550 |
rgb(112,117,80) |
hsl(68,19%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#505E75 |
rgb(80,94,117) |
hsl(217,19%,39%) |
#756650 |
rgb(117,102,80) |
hsl(36,19%,39%) |
#507075 |
rgb(80,112,117) |
hsl(188,19%,39%) |
#707550 |
rgb(112,117,80) |
hsl(68,19%,39%) |