HEX #536A79 color — Blue Bayoux
The color #536a79 is a dark shade and slightly desaturated.
Palette
536a79 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3f5 |
rgb(240,243,245) |
hsl(204,19%,95%) |
#e1e6ea |
rgb(225,230,234) |
hsl(204,19%,90%) |
#d1dae0 |
rgb(209,218,224) |
hsl(204,19%,85%) |
#c2ced6 |
rgb(194,206,214) |
hsl(204,19%,80%) |
#b3c2cb |
rgb(179,194,203) |
hsl(204,19%,75%) |
#a4b5c1 |
rgb(164,181,193) |
hsl(204,19%,70%) |
#95a9b7 |
rgb(149,169,183) |
hsl(204,19%,65%) |
#869dac |
rgb(134,157,172) |
hsl(204,19%,60%) |
#7691a2 |
rgb(118,145,162) |
hsl(204,19%,55%) |
#678498 |
rgb(103,132,152) |
hsl(204,19%,50%) |
#5d7789 |
rgb(93,119,137) |
hsl(204,19%,45%) |
#536a79 |
rgb(83,106,121) |
hsl(204,19%,40%) |
#485d6a |
rgb(72,93,106) |
hsl(204,19%,35%) |
#3e4f5b |
rgb(62,79,91) |
hsl(204,19%,30%) |
#34424c |
rgb(52,66,76) |
hsl(204,19%,25%) |
#29353d |
rgb(41,53,61) |
hsl(204,19%,20%) |
#1f282e |
rgb(31,40,46) |
hsl(204,19%,15%) |
#151a1e |
rgb(21,26,30) |
hsl(204,19%,10%) |
#0a0d0f |
rgb(10,13,15) |
hsl(204,19%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#53786E |
rgb(83,120,110) |
hsl(164,18%,40%) |
#536A79 |
rgb(83,106,121) |
hsl(204,19%,40%) |
#555479 |
rgb(85,84,121) |
hsl(242,18%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#708C9D |
rgb(112,140,157) |
hsl(203,19%,53%) |
#607A8C |
rgb(96,122,140) |
hsl(205,19%,46%) |
#536A79 |
rgb(83,106,121) |
hsl(204,19%,40%) |
#455965 |
rgb(69,89,101) |
hsl(203,19%,33%) |
#384752 |
rgb(56,71,82) |
hsl(205,19%,27%) |
#2B383E |
rgb(43,56,62) |
hsl(199,18%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#536A79 |
rgb(83,106,121) |
hsl(204,19%,40%) |
#795457 |
rgb(121,84,87) |
hsl(355,18%,40%) |
#797553 |
rgb(121,117,83) |
hsl(54,19%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#536A79 |
rgb(83,106,121) |
hsl(204,19%,40%) |
#796153 |
rgb(121,97,83) |
hsl(22,19%,40%) |
#537875 |
rgb(83,120,117) |
hsl(175,18%,40%) |
#797553 |
rgb(121,117,83) |
hsl(54,19%,40%) |