HEX #536B78 color — Blue Bayoux
The color #536B78 is a dark shade and slightly desaturated.
Palette
536B78 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3f5 |
rgb(240,243,245) |
hsl(201,18%,95%) |
#e1e7ea |
rgb(225,231,234) |
hsl(201,18%,90%) |
#d2dbe0 |
rgb(210,219,224) |
hsl(201,18%,85%) |
#c3cfd5 |
rgb(195,207,213) |
hsl(201,18%,80%) |
#b4c3cb |
rgb(180,195,203) |
hsl(201,18%,75%) |
#a5b7c0 |
rgb(165,183,192) |
hsl(201,18%,70%) |
#96abb6 |
rgb(150,171,182) |
hsl(201,18%,65%) |
#879fab |
rgb(135,159,171) |
hsl(201,18%,60%) |
#7892a1 |
rgb(120,146,161) |
hsl(201,18%,55%) |
#698696 |
rgb(105,134,150) |
hsl(201,18%,50%) |
#5e7987 |
rgb(94,121,135) |
hsl(201,18%,45%) |
#546c78 |
rgb(84,108,120) |
hsl(201,18%,40%) |
#495e69 |
rgb(73,94,105) |
hsl(201,18%,35%) |
#3f515a |
rgb(63,81,90) |
hsl(201,18%,30%) |
#34434b |
rgb(52,67,75) |
hsl(201,18%,25%) |
#2a363c |
rgb(42,54,60) |
hsl(201,18%,20%) |
#1f282d |
rgb(31,40,45) |
hsl(201,18%,15%) |
#151b1e |
rgb(21,27,30) |
hsl(201,18%,10%) |
#0a0d0f |
rgb(10,13,15) |
hsl(201,18%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#53786C |
rgb(83,120,108) |
hsl(161,18%,40%) |
#536B78 |
rgb(83,107,120) |
hsl(201,18%,40%) |
#535478 |
rgb(83,84,120) |
hsl(238,18%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#607D8B |
rgb(96,125,139) |
hsl(200,18%,46%) |
#536B78 |
rgb(83,107,120) |
hsl(201,18%,40%) |
#455964 |
rgb(69,89,100) |
hsl(201,18%,33%) |
#384A51 |
rgb(56,74,81) |
hsl(197,18%,27%) |
#2B383E |
rgb(43,56,62) |
hsl(199,18%,21%) |
#1D262B |
rgb(29,38,43) |
hsl(201,19%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#536B78 |
rgb(83,107,120) |
hsl(201,18%,40%) |
#785458 |
rgb(120,84,88) |
hsl(353,18%,40%) |
#787353 |
rgb(120,115,83) |
hsl(52,18%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#536B78 |
rgb(83,107,120) |
hsl(201,18%,40%) |
#786153 |
rgb(120,97,83) |
hsl(23,18%,40%) |
#537872 |
rgb(83,120,114) |
hsl(170,18%,40%) |
#787353 |
rgb(120,115,83) |
hsl(52,18%,40%) |