HEX #506178 color — Blue Bayoux
The color #506178 is a dark shade and slightly desaturated.
Palette
506178 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(215,20%,99%) |
#edeff3 |
rgb(237,239,243) |
hsl(215,20%,94%) |
#dde2e9 |
rgb(221,226,233) |
hsl(215,20%,89%) |
#ced5de |
rgb(206,213,222) |
hsl(215,20%,84%) |
#bfc8d4 |
rgb(191,200,212) |
hsl(215,20%,79%) |
#afbaca |
rgb(175,186,202) |
hsl(215,20%,74%) |
#a0adc0 |
rgb(160,173,192) |
hsl(215,20%,69%) |
#91a0b6 |
rgb(145,160,182) |
hsl(215,20%,64%) |
#8293ab |
rgb(130,147,171) |
hsl(215,20%,59%) |
#7286a1 |
rgb(114,134,161) |
hsl(215,20%,54%) |
#647996 |
rgb(100,121,150) |
hsl(215,20%,49%) |
#5a6c87 |
rgb(90,108,135) |
hsl(215,20%,44%) |
#506077 |
rgb(80,96,119) |
hsl(215,20%,39%) |
#455468 |
rgb(69,84,104) |
hsl(215,20%,34%) |
#3b4759 |
rgb(59,71,89) |
hsl(215,20%,29%) |
#313b49 |
rgb(49,59,73) |
hsl(215,20%,24%) |
#272f3a |
rgb(39,47,58) |
hsl(215,20%,19%) |
#1d232b |
rgb(29,35,43) |
hsl(215,20%,14%) |
#12161c |
rgb(18,22,28) |
hsl(215,20%,9%) |
#080a0c |
rgb(8,10,12) |
hsl(215,20%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#507874 |
rgb(80,120,116) |
hsl(174,20%,39%) |
#506178 |
rgb(80,97,120) |
hsl(215,20%,39%) |
#594F78 |
rgb(89,79,120) |
hsl(255,21%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C708B |
rgb(92,112,139) |
hsl(214,20%,45%) |
#506178 |
rgb(80,97,120) |
hsl(215,20%,39%) |
#435264 |
rgb(67,82,100) |
hsl(213,20%,33%) |
#364251 |
rgb(54,66,81) |
hsl(213,20%,26%) |
#29333E |
rgb(41,51,62) |
hsl(211,20%,20%) |
#1C242B |
rgb(28,36,43) |
hsl(208,21%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#506178 |
rgb(80,97,120) |
hsl(215,20%,39%) |
#785450 |
rgb(120,84,80) |
hsl(6,20%,39%) |
#757850 |
rgb(117,120,80) |
hsl(65,20%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#506178 |
rgb(80,97,120) |
hsl(215,20%,39%) |
#786650 |
rgb(120,102,80) |
hsl(33,20%,39%) |
#507578 |
rgb(80,117,120) |
hsl(185,20%,39%) |
#757850 |
rgb(117,120,80) |
hsl(65,20%,39%) |