HEX #536388 color — Blue Bayoux
The color #536388 is a dark shade and slightly desaturated.
Palette
536388 color palette from light to dark
HEX |
RGB |
HSL |
#f9f9fb |
rgb(249,249,251) |
hsl(222,24%,98%) |
#e9ebf1 |
rgb(233,235,241) |
hsl(222,24%,93%) |
#d9dde8 |
rgb(217,221,232) |
hsl(222,24%,88%) |
#c9cfde |
rgb(201,207,222) |
hsl(222,24%,83%) |
#b9c2d4 |
rgb(185,194,212) |
hsl(222,24%,78%) |
#aab4cb |
rgb(170,180,203) |
hsl(222,24%,73%) |
#9aa6c1 |
rgb(154,166,193) |
hsl(222,24%,68%) |
#8a98b7 |
rgb(138,152,183) |
hsl(222,24%,63%) |
#7a8aae |
rgb(122,138,174) |
hsl(222,24%,58%) |
#6a7ca4 |
rgb(106,124,164) |
hsl(222,24%,53%) |
#5d6f98 |
rgb(93,111,152) |
hsl(222,24%,48%) |
#536388 |
rgb(83,99,136) |
hsl(222,24%,43%) |
#4a5878 |
rgb(74,88,120) |
hsl(222,24%,38%) |
#404c68 |
rgb(64,76,104) |
hsl(222,24%,33%) |
#364159 |
rgb(54,65,89) |
hsl(222,24%,28%) |
#2d3549 |
rgb(45,53,73) |
hsl(222,24%,23%) |
#232939 |
rgb(35,41,57) |
hsl(222,24%,18%) |
#191e29 |
rgb(25,30,41) |
hsl(222,24%,13%) |
#101219 |
rgb(16,18,25) |
hsl(222,24%,8%) |
#060709 |
rgb(6,7,9) |
hsl(222,24%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#538788 |
rgb(83,135,136) |
hsl(181,24%,43%) |
#536388 |
rgb(83,99,136) |
hsl(222,24%,43%) |
#665488 |
rgb(102,84,136) |
hsl(261,24%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7587AB |
rgb(117,135,171) |
hsl(220,24%,56%) |
#60739D |
rgb(96,115,157) |
hsl(221,24%,50%) |
#536388 |
rgb(83,99,136) |
hsl(222,24%,43%) |
#455472 |
rgb(69,84,114) |
hsl(220,25%,36%) |
#38425C |
rgb(56,66,92) |
hsl(223,24%,29%) |
#2B3346 |
rgb(43,51,70) |
hsl(222,24%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#536388 |
rgb(83,99,136) |
hsl(222,24%,43%) |
#885E53 |
rgb(136,94,83) |
hsl(12,24%,43%) |
#7D8753 |
rgb(125,135,83) |
hsl(72,24%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#536388 |
rgb(83,99,136) |
hsl(222,24%,43%) |
#887853 |
rgb(136,120,83) |
hsl(42,24%,43%) |
#537D88 |
rgb(83,125,136) |
hsl(192,24%,43%) |
#7D8753 |
rgb(125,135,83) |
hsl(72,24%,43%) |