HEX #536987 color — Blue Bayoux
The color #536987 is a dark shade and slightly desaturated.
Palette
536987 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(215,24%,98%) |
#e9ecf1 |
rgb(233,236,241) |
hsl(215,24%,93%) |
#d9dfe8 |
rgb(217,223,232) |
hsl(215,24%,88%) |
#c9d2de |
rgb(201,210,222) |
hsl(215,24%,83%) |
#b9c5d4 |
rgb(185,197,212) |
hsl(215,24%,78%) |
#aab7cb |
rgb(170,183,203) |
hsl(215,24%,73%) |
#9aaac1 |
rgb(154,170,193) |
hsl(215,24%,68%) |
#8a9db7 |
rgb(138,157,183) |
hsl(215,24%,63%) |
#7a90ae |
rgb(122,144,174) |
hsl(215,24%,58%) |
#6a82a4 |
rgb(106,130,164) |
hsl(215,24%,53%) |
#5d7698 |
rgb(93,118,152) |
hsl(215,24%,48%) |
#536988 |
rgb(83,105,136) |
hsl(215,24%,43%) |
#4a5d78 |
rgb(74,93,120) |
hsl(215,24%,38%) |
#405168 |
rgb(64,81,104) |
hsl(215,24%,33%) |
#364559 |
rgb(54,69,89) |
hsl(215,24%,28%) |
#2d3849 |
rgb(45,56,73) |
hsl(215,24%,23%) |
#232c39 |
rgb(35,44,57) |
hsl(215,24%,18%) |
#192029 |
rgb(25,32,41) |
hsl(215,24%,13%) |
#101419 |
rgb(16,20,25) |
hsl(215,24%,8%) |
#060709 |
rgb(6,7,9) |
hsl(215,24%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#538782 |
rgb(83,135,130) |
hsl(174,24%,43%) |
#536987 |
rgb(83,105,135) |
hsl(215,24%,43%) |
#5F5487 |
rgb(95,84,135) |
hsl(253,23%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#758CAA |
rgb(117,140,170) |
hsl(214,24%,56%) |
#607A9C |
rgb(96,122,156) |
hsl(214,24%,49%) |
#536987 |
rgb(83,105,135) |
hsl(215,24%,43%) |
#455971 |
rgb(69,89,113) |
hsl(213,24%,36%) |
#38475B |
rgb(56,71,91) |
hsl(214,24%,29%) |
#2B3646 |
rgb(43,54,70) |
hsl(216,24%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#536987 |
rgb(83,105,135) |
hsl(215,24%,43%) |
#875753 |
rgb(135,87,83) |
hsl(5,24%,43%) |
#838753 |
rgb(131,135,83) |
hsl(65,24%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#536987 |
rgb(83,105,135) |
hsl(215,24%,43%) |
#877053 |
rgb(135,112,83) |
hsl(33,24%,43%) |
#538287 |
rgb(83,130,135) |
hsl(186,24%,43%) |
#838753 |
rgb(131,135,83) |
hsl(65,24%,43%) |