HEX #536679 color — Blue Bayoux
The color #536679 is a dark shade and slightly desaturated.
Palette
536679 color palette from light to dark
HEX |
RGB |
HSL |
#f0f2f5 |
rgb(240,242,245) |
hsl(210,19%,95%) |
#e1e6ea |
rgb(225,230,234) |
hsl(210,19%,90%) |
#d1d9e0 |
rgb(209,217,224) |
hsl(210,19%,85%) |
#c2ccd6 |
rgb(194,204,214) |
hsl(210,19%,80%) |
#b3bfcb |
rgb(179,191,203) |
hsl(210,19%,75%) |
#a4b3c1 |
rgb(164,179,193) |
hsl(210,19%,70%) |
#95a6b7 |
rgb(149,166,183) |
hsl(210,19%,65%) |
#8699ac |
rgb(134,153,172) |
hsl(210,19%,60%) |
#768ca2 |
rgb(118,140,162) |
hsl(210,19%,55%) |
#678098 |
rgb(103,128,152) |
hsl(210,19%,50%) |
#5d7389 |
rgb(93,115,137) |
hsl(210,19%,45%) |
#536679 |
rgb(83,102,121) |
hsl(210,19%,40%) |
#48596a |
rgb(72,89,106) |
hsl(210,19%,35%) |
#3e4d5b |
rgb(62,77,91) |
hsl(210,19%,30%) |
#34404c |
rgb(52,64,76) |
hsl(210,19%,25%) |
#29333d |
rgb(41,51,61) |
hsl(210,19%,20%) |
#1f262e |
rgb(31,38,46) |
hsl(210,19%,15%) |
#151a1e |
rgb(21,26,30) |
hsl(210,19%,10%) |
#0a0d0f |
rgb(10,13,15) |
hsl(210,19%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#537872 |
rgb(83,120,114) |
hsl(170,18%,40%) |
#536679 |
rgb(83,102,121) |
hsl(210,19%,40%) |
#595479 |
rgb(89,84,121) |
hsl(248,18%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#70879D |
rgb(112,135,157) |
hsl(209,19%,53%) |
#60758C |
rgb(96,117,140) |
hsl(211,19%,46%) |
#536679 |
rgb(83,102,121) |
hsl(210,19%,40%) |
#455765 |
rgb(69,87,101) |
hsl(206,19%,33%) |
#384552 |
rgb(56,69,82) |
hsl(210,19%,27%) |
#2B363E |
rgb(43,54,62) |
hsl(205,18%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#536679 |
rgb(83,102,121) |
hsl(210,19%,40%) |
#795453 |
rgb(121,84,83) |
hsl(2,19%,40%) |
#797853 |
rgb(121,120,83) |
hsl(58,19%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#536679 |
rgb(83,102,121) |
hsl(210,19%,40%) |
#796653 |
rgb(121,102,83) |
hsl(30,19%,40%) |
#537879 |
rgb(83,120,121) |
hsl(182,19%,40%) |
#797853 |
rgb(121,120,83) |
hsl(58,19%,40%) |