HEX #536385 color — Blue Bayoux
The color #536385 is a dark shade and slightly desaturated.
Palette
536385 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(221,23%,97%) |
#e6e9ef |
rgb(230,233,239) |
hsl(221,23%,92%) |
#d6dbe5 |
rgb(214,219,229) |
hsl(221,23%,87%) |
#c7cddc |
rgb(199,205,220) |
hsl(221,23%,82%) |
#b7bfd2 |
rgb(183,191,210) |
hsl(221,23%,77%) |
#a7b2c8 |
rgb(167,178,200) |
hsl(221,23%,72%) |
#97a4be |
rgb(151,164,190) |
hsl(221,23%,67%) |
#8896b4 |
rgb(136,150,180) |
hsl(221,23%,62%) |
#7888ab |
rgb(120,136,171) |
hsl(221,23%,57%) |
#687aa1 |
rgb(104,122,161) |
hsl(221,23%,52%) |
#5c6e93 |
rgb(92,110,147) |
hsl(221,23%,47%) |
#526284 |
rgb(82,98,132) |
hsl(221,23%,42%) |
#495674 |
rgb(73,86,116) |
hsl(221,23%,37%) |
#3f4b64 |
rgb(63,75,100) |
hsl(221,23%,32%) |
#353f55 |
rgb(53,63,85) |
hsl(221,23%,27%) |
#2b3345 |
rgb(43,51,69) |
hsl(221,23%,22%) |
#212835 |
rgb(33,40,53) |
hsl(221,23%,17%) |
#181c26 |
rgb(24,28,38) |
hsl(221,23%,12%) |
#0e1016 |
rgb(14,16,22) |
hsl(221,23%,7%) |
#040506 |
rgb(4,5,6) |
hsl(221,23%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#538585 |
rgb(83,133,133) |
hsl(180,23%,42%) |
#536385 |
rgb(83,99,133) |
hsl(221,23%,42%) |
#645485 |
rgb(100,84,133) |
hsl(260,23%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7485A8 |
rgb(116,133,168) |
hsl(220,23%,56%) |
#60739A |
rgb(96,115,154) |
hsl(220,23%,49%) |
#536385 |
rgb(83,99,133) |
hsl(221,23%,42%) |
#45546F |
rgb(69,84,111) |
hsl(219,23%,35%) |
#38425A |
rgb(56,66,90) |
hsl(222,23%,29%) |
#2B3345 |
rgb(43,51,69) |
hsl(222,23%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#536385 |
rgb(83,99,133) |
hsl(221,23%,42%) |
#855C53 |
rgb(133,92,83) |
hsl(11,23%,42%) |
#7C8553 |
rgb(124,133,83) |
hsl(71,23%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#536385 |
rgb(83,99,133) |
hsl(221,23%,42%) |
#857553 |
rgb(133,117,83) |
hsl(41,23%,42%) |
#537D85 |
rgb(83,125,133) |
hsl(190,23%,42%) |
#7C8553 |
rgb(124,133,83) |
hsl(71,23%,42%) |