HEX #536178 color — Blue Bayoux
The color #536178 is a dark shade and slightly desaturated.
Palette
536178 color palette from light to dark
HEX |
RGB |
HSL |
#f0f2f5 |
rgb(240,242,245) |
hsl(217,18%,95%) |
#e1e4ea |
rgb(225,228,234) |
hsl(217,18%,90%) |
#d2d7e0 |
rgb(210,215,224) |
hsl(217,18%,85%) |
#c3cad5 |
rgb(195,202,213) |
hsl(217,18%,80%) |
#b4bdcb |
rgb(180,189,203) |
hsl(217,18%,75%) |
#a5afc0 |
rgb(165,175,192) |
hsl(217,18%,70%) |
#96a2b6 |
rgb(150,162,182) |
hsl(217,18%,65%) |
#8795ab |
rgb(135,149,171) |
hsl(217,18%,60%) |
#7887a1 |
rgb(120,135,161) |
hsl(217,18%,55%) |
#697a96 |
rgb(105,122,150) |
hsl(217,18%,50%) |
#5e6e87 |
rgb(94,110,135) |
hsl(217,18%,45%) |
#546278 |
rgb(84,98,120) |
hsl(217,18%,40%) |
#495669 |
rgb(73,86,105) |
hsl(217,18%,35%) |
#3f495a |
rgb(63,73,90) |
hsl(217,18%,30%) |
#343d4b |
rgb(52,61,75) |
hsl(217,18%,25%) |
#2a313c |
rgb(42,49,60) |
hsl(217,18%,20%) |
#1f252d |
rgb(31,37,45) |
hsl(217,18%,15%) |
#15181e |
rgb(21,24,30) |
hsl(217,18%,10%) |
#0a0c0f |
rgb(10,12,15) |
hsl(217,18%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#537876 |
rgb(83,120,118) |
hsl(177,18%,40%) |
#536178 |
rgb(83,97,120) |
hsl(217,18%,40%) |
#5D5478 |
rgb(93,84,120) |
hsl(255,18%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#60708B |
rgb(96,112,139) |
hsl(218,18%,46%) |
#536178 |
rgb(83,97,120) |
hsl(217,18%,40%) |
#455264 |
rgb(69,82,100) |
hsl(215,18%,33%) |
#384251 |
rgb(56,66,81) |
hsl(216,18%,27%) |
#2B333E |
rgb(43,51,62) |
hsl(215,18%,21%) |
#1D242B |
rgb(29,36,43) |
hsl(210,19%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#536178 |
rgb(83,97,120) |
hsl(217,18%,40%) |
#785753 |
rgb(120,87,83) |
hsl(6,18%,40%) |
#737853 |
rgb(115,120,83) |
hsl(68,18%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#536178 |
rgb(83,97,120) |
hsl(217,18%,40%) |
#786B53 |
rgb(120,107,83) |
hsl(39,18%,40%) |
#537378 |
rgb(83,115,120) |
hsl(188,18%,40%) |
#737853 |
rgb(115,120,83) |
hsl(68,18%,40%) |