HEX #536378 color — Blue Bayoux
The color #536378 is a dark shade and slightly desaturated.
Palette
536378 color palette from light to dark
HEX |
RGB |
HSL |
#f0f2f5 |
rgb(240,242,245) |
hsl(214,18%,95%) |
#e1e5ea |
rgb(225,229,234) |
hsl(214,18%,90%) |
#d2d8e0 |
rgb(210,216,224) |
hsl(214,18%,85%) |
#c3cbd5 |
rgb(195,203,213) |
hsl(214,18%,80%) |
#b4becb |
rgb(180,190,203) |
hsl(214,18%,75%) |
#a5b1c0 |
rgb(165,177,192) |
hsl(214,18%,70%) |
#96a4b6 |
rgb(150,164,182) |
hsl(214,18%,65%) |
#8797ab |
rgb(135,151,171) |
hsl(214,18%,60%) |
#7889a1 |
rgb(120,137,161) |
hsl(214,18%,55%) |
#697c96 |
rgb(105,124,150) |
hsl(214,18%,50%) |
#5e7087 |
rgb(94,112,135) |
hsl(214,18%,45%) |
#546478 |
rgb(84,100,120) |
hsl(214,18%,40%) |
#495769 |
rgb(73,87,105) |
hsl(214,18%,35%) |
#3f4b5a |
rgb(63,75,90) |
hsl(214,18%,30%) |
#343e4b |
rgb(52,62,75) |
hsl(214,18%,25%) |
#2a323c |
rgb(42,50,60) |
hsl(214,18%,20%) |
#1f252d |
rgb(31,37,45) |
hsl(214,18%,15%) |
#15191e |
rgb(21,25,30) |
hsl(214,18%,10%) |
#0a0c0f |
rgb(10,12,15) |
hsl(214,18%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#537874 |
rgb(83,120,116) |
hsl(174,18%,40%) |
#536378 |
rgb(83,99,120) |
hsl(214,18%,40%) |
#5B5478 |
rgb(91,84,120) |
hsl(252,18%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#60738B |
rgb(96,115,139) |
hsl(213,18%,46%) |
#536378 |
rgb(83,99,120) |
hsl(214,18%,40%) |
#455464 |
rgb(69,84,100) |
hsl(211,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 |
#536378 |
rgb(83,99,120) |
hsl(214,18%,40%) |
#785753 |
rgb(120,87,83) |
hsl(6,18%,40%) |
#757853 |
rgb(117,120,83) |
hsl(65,18%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#536378 |
rgb(83,99,120) |
hsl(214,18%,40%) |
#786953 |
rgb(120,105,83) |
hsl(36,18%,40%) |
#537578 |
rgb(83,117,120) |
hsl(185,18%,40%) |
#757853 |
rgb(117,120,83) |
hsl(65,18%,40%) |