HEX #535785 color — Blue Bayoux
The color #535785 is a dark shade and slightly desaturated.
Palette
535785 color palette from light to dark
HEX |
RGB |
HSL |
#f6f6f9 |
rgb(246,246,249) |
hsl(235,23%,97%) |
#e6e7ef |
rgb(230,231,239) |
hsl(235,23%,92%) |
#d6d7e5 |
rgb(214,215,229) |
hsl(235,23%,87%) |
#c7c8dc |
rgb(199,200,220) |
hsl(235,23%,82%) |
#b7b9d2 |
rgb(183,185,210) |
hsl(235,23%,77%) |
#a7aac8 |
rgb(167,170,200) |
hsl(235,23%,72%) |
#979bbe |
rgb(151,155,190) |
hsl(235,23%,67%) |
#888cb4 |
rgb(136,140,180) |
hsl(235,23%,62%) |
#787cab |
rgb(120,124,171) |
hsl(235,23%,57%) |
#686da1 |
rgb(104,109,161) |
hsl(235,23%,52%) |
#5c6193 |
rgb(92,97,147) |
hsl(235,23%,47%) |
#525784 |
rgb(82,87,132) |
hsl(235,23%,42%) |
#494c74 |
rgb(73,76,116) |
hsl(235,23%,37%) |
#3f4264 |
rgb(63,66,100) |
hsl(235,23%,32%) |
#353855 |
rgb(53,56,85) |
hsl(235,23%,27%) |
#2b2d45 |
rgb(43,45,69) |
hsl(235,23%,22%) |
#212335 |
rgb(33,35,53) |
hsl(235,23%,17%) |
#181926 |
rgb(24,25,38) |
hsl(235,23%,12%) |
#0e0e16 |
rgb(14,14,22) |
hsl(235,23%,7%) |
#040406 |
rgb(4,4,6) |
hsl(235,23%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#537885 |
rgb(83,120,133) |
hsl(196,23%,42%) |
#535785 |
rgb(83,87,133) |
hsl(235,23%,42%) |
#705485 |
rgb(112,84,133) |
hsl(274,23%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7478A8 |
rgb(116,120,168) |
hsl(235,23%,56%) |
#60669A |
rgb(96,102,154) |
hsl(234,23%,49%) |
#535785 |
rgb(83,87,133) |
hsl(235,23%,42%) |
#454A6F |
rgb(69,74,111) |
hsl(233,23%,35%) |
#383B5A |
rgb(56,59,90) |
hsl(235,23%,29%) |
#2B2E45 |
rgb(43,46,69) |
hsl(233,23%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#535785 |
rgb(83,87,133) |
hsl(235,23%,42%) |
#856953 |
rgb(133,105,83) |
hsl(26,23%,42%) |
#708553 |
rgb(112,133,83) |
hsl(85,23%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#535785 |
rgb(83,87,133) |
hsl(235,23%,42%) |
#858253 |
rgb(133,130,83) |
hsl(56,23%,42%) |
#537085 |
rgb(83,112,133) |
hsl(205,23%,42%) |
#708553 |
rgb(112,133,83) |
hsl(85,23%,42%) |