HEX #536788 color — Blue Bayoux
The color #536788 is a dark shade and slightly desaturated.
Palette
536788 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(217,24%,98%) |
#e9ecf1 |
rgb(233,236,241) |
hsl(217,24%,93%) |
#d9dfe8 |
rgb(217,223,232) |
hsl(217,24%,88%) |
#c9d1de |
rgb(201,209,222) |
hsl(217,24%,83%) |
#b9c4d4 |
rgb(185,196,212) |
hsl(217,24%,78%) |
#aab6cb |
rgb(170,182,203) |
hsl(217,24%,73%) |
#9aa9c1 |
rgb(154,169,193) |
hsl(217,24%,68%) |
#8a9bb7 |
rgb(138,155,183) |
hsl(217,24%,63%) |
#7a8eae |
rgb(122,142,174) |
hsl(217,24%,58%) |
#6a80a4 |
rgb(106,128,164) |
hsl(217,24%,53%) |
#5d7498 |
rgb(93,116,152) |
hsl(217,24%,48%) |
#536888 |
rgb(83,104,136) |
hsl(217,24%,43%) |
#4a5b78 |
rgb(74,91,120) |
hsl(217,24%,38%) |
#404f68 |
rgb(64,79,104) |
hsl(217,24%,33%) |
#364359 |
rgb(54,67,89) |
hsl(217,24%,28%) |
#2d3749 |
rgb(45,55,73) |
hsl(217,24%,23%) |
#232b39 |
rgb(35,43,57) |
hsl(217,24%,18%) |
#191f29 |
rgb(25,31,41) |
hsl(217,24%,13%) |
#101319 |
rgb(16,19,25) |
hsl(217,24%,8%) |
#060709 |
rgb(6,7,9) |
hsl(217,24%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#538785 |
rgb(83,135,133) |
hsl(178,24%,43%) |
#536788 |
rgb(83,103,136) |
hsl(217,24%,43%) |
#625488 |
rgb(98,84,136) |
hsl(256,24%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#758AAB |
rgb(117,138,171) |
hsl(217,24%,56%) |
#60789D |
rgb(96,120,157) |
hsl(216,24%,50%) |
#536788 |
rgb(83,103,136) |
hsl(217,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 |
#536788 |
rgb(83,103,136) |
hsl(217,24%,43%) |
#885953 |
rgb(136,89,83) |
hsl(7,24%,43%) |
#818753 |
rgb(129,135,83) |
hsl(67,24%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#536788 |
rgb(83,103,136) |
hsl(217,24%,43%) |
#887353 |
rgb(136,115,83) |
hsl(36,24%,43%) |
#538288 |
rgb(83,130,136) |
hsl(187,24%,43%) |
#818753 |
rgb(129,135,83) |
hsl(67,24%,43%) |