HEX #536978 color — Blue Bayoux
The color #536978 is a dark shade and slightly desaturated.
Palette
536978 color palette from light to dark
| HEX |
RGB |
HSL |
| #f0f3f5 |
rgb(240,243,245) |
hsl(204,18%,95%) |
| #e1e6ea |
rgb(225,230,234) |
hsl(204,18%,90%) |
| #d2dae0 |
rgb(210,218,224) |
hsl(204,18%,85%) |
| #c3ced5 |
rgb(195,206,213) |
hsl(204,18%,80%) |
| #b4c2cb |
rgb(180,194,203) |
hsl(204,18%,75%) |
| #a5b5c0 |
rgb(165,181,192) |
hsl(204,18%,70%) |
| #96a9b6 |
rgb(150,169,182) |
hsl(204,18%,65%) |
| #879dab |
rgb(135,157,171) |
hsl(204,18%,60%) |
| #7890a1 |
rgb(120,144,161) |
hsl(204,18%,55%) |
| #698496 |
rgb(105,132,150) |
hsl(204,18%,50%) |
| #5e7787 |
rgb(94,119,135) |
hsl(204,18%,45%) |
| #546a78 |
rgb(84,106,120) |
hsl(204,18%,40%) |
| #495c69 |
rgb(73,92,105) |
hsl(204,18%,35%) |
| #3f4f5a |
rgb(63,79,90) |
hsl(204,18%,30%) |
| #34424b |
rgb(52,66,75) |
hsl(204,18%,25%) |
| #2a353c |
rgb(42,53,60) |
hsl(204,18%,20%) |
| #1f282d |
rgb(31,40,45) |
hsl(204,18%,15%) |
| #151a1e |
rgb(21,26,30) |
hsl(204,18%,10%) |
| #0a0d0f |
rgb(10,13,15) |
hsl(204,18%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #53786E |
rgb(83,120,110) |
hsl(164,18%,40%) |
| #536978 |
rgb(83,105,120) |
hsl(204,18%,40%) |
| #555478 |
rgb(85,84,120) |
hsl(242,18%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #607A8B |
rgb(96,122,139) |
hsl(204,18%,46%) |
| #536978 |
rgb(83,105,120) |
hsl(204,18%,40%) |
| #455964 |
rgb(69,89,100) |
hsl(201,18%,33%) |
| #384751 |
rgb(56,71,81) |
hsl(204,18%,27%) |
| #2B363E |
rgb(43,54,62) |
hsl(205,18%,21%) |
| #1D262B |
rgb(29,38,43) |
hsl(201,19%,14%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #536978 |
rgb(83,105,120) |
hsl(204,18%,40%) |
| #785456 |
rgb(120,84,86) |
hsl(357,18%,40%) |
| #787553 |
rgb(120,117,83) |
hsl(55,18%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #536978 |
rgb(83,105,120) |
hsl(204,18%,40%) |
| #786153 |
rgb(120,97,83) |
hsl(23,18%,40%) |
| #537874 |
rgb(83,120,116) |
hsl(174,18%,40%) |
| #787553 |
rgb(120,117,83) |
hsl(55,18%,40%) |
