HEX #536688 color — Blue Bayoux

The color #536688 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

536688 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(218,24%,98%)
#e9ecf1 rgb(233,236,241) hsl(218,24%,93%)
#d9dee8 rgb(217,222,232) hsl(218,24%,88%)
#c9d1de rgb(201,209,222) hsl(218,24%,83%)
#b9c3d4 rgb(185,195,212) hsl(218,24%,78%)
#aab6cb rgb(170,182,203) hsl(218,24%,73%)
#9aa8c1 rgb(154,168,193) hsl(218,24%,68%)
#8a9bb7 rgb(138,155,183) hsl(218,24%,63%)
#7a8dae rgb(122,141,174) hsl(218,24%,58%)
#6a7fa4 rgb(106,127,164) hsl(218,24%,53%)
#5d7398 rgb(93,115,152) hsl(218,24%,48%)
#536788 rgb(83,103,136) hsl(218,24%,43%)
#4a5b78 rgb(74,91,120) hsl(218,24%,38%)
#404f68 rgb(64,79,104) hsl(218,24%,33%)
#364359 rgb(54,67,89) hsl(218,24%,28%)
#2d3749 rgb(45,55,73) hsl(218,24%,23%)
#232b39 rgb(35,43,57) hsl(218,24%,18%)
#191f29 rgb(25,31,41) hsl(218,24%,13%)
#101319 rgb(16,19,25) hsl(218,24%,8%)
#060709 rgb(6,7,9) hsl(218,24%,3%)

Adjacent colors

HEX RGB HSL
#538786 rgb(83,135,134) hsl(179,24%,43%)
#536688 rgb(83,102,136) hsl(218,24%,43%)
#635488 rgb(99,84,136) hsl(257,24%,43%)

Monochromatic colors

HEX RGB HSL
#758AAB rgb(117,138,171) hsl(217,24%,56%)
#60759D rgb(96,117,157) hsl(219,24%,50%)
#536688 rgb(83,102,136) hsl(218,24%,43%)
#455772 rgb(69,87,114) hsl(216,25%,36%)
#38455C rgb(56,69,92) hsl(218,24%,29%)
#2B3646 rgb(43,54,70) hsl(216,24%,22%)

Triad color palettes

HEX RGB HSL
#536688 rgb(83,102,136) hsl(218,24%,43%)
#885953 rgb(136,89,83) hsl(7,24%,43%)
#808753 rgb(128,135,83) hsl(68,24%,43%)

Tetrad color palettes

HEX RGB HSL
#536688 rgb(83,102,136) hsl(218,24%,43%)
#887553 rgb(136,117,83) hsl(38,24%,43%)
#538088 rgb(83,128,136) hsl(189,24%,43%)
#808753 rgb(128,135,83) hsl(68,24%,43%)