HEX #535E81 color — Blue Bayoux
The color #535E81 is a dark shade and slightly desaturated.
Palette
535E81 color palette from light to dark
HEX |
RGB |
HSL |
#f6f6f9 |
rgb(246,246,249) |
hsl(226,22%,97%) |
#e6e8ef |
rgb(230,232,239) |
hsl(226,22%,92%) |
#d7dae5 |
rgb(215,218,229) |
hsl(226,22%,87%) |
#c7ccdb |
rgb(199,204,219) |
hsl(226,22%,82%) |
#b7bdd1 |
rgb(183,189,209) |
hsl(226,22%,77%) |
#a8afc7 |
rgb(168,175,199) |
hsl(226,22%,72%) |
#98a1bd |
rgb(152,161,189) |
hsl(226,22%,67%) |
#8993b3 |
rgb(137,147,179) |
hsl(226,22%,62%) |
#7984a9 |
rgb(121,132,169) |
hsl(226,22%,57%) |
#6a76a0 |
rgb(106,118,160) |
hsl(226,22%,52%) |
#5d6a92 |
rgb(93,106,146) |
hsl(226,22%,47%) |
#545f83 |
rgb(84,95,131) |
hsl(226,22%,42%) |
#4a5373 |
rgb(74,83,115) |
hsl(226,22%,37%) |
#404864 |
rgb(64,72,100) |
hsl(226,22%,32%) |
#363d54 |
rgb(54,61,84) |
hsl(226,22%,27%) |
#2c3244 |
rgb(44,50,68) |
hsl(226,22%,22%) |
#222635 |
rgb(34,38,53) |
hsl(226,22%,17%) |
#181b25 |
rgb(24,27,37) |
hsl(226,22%,12%) |
#0e1016 |
rgb(14,16,22) |
hsl(226,22%,7%) |
#040506 |
rgb(4,5,6) |
hsl(226,22%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#537D81 |
rgb(83,125,129) |
hsl(185,22%,42%) |
#535E81 |
rgb(83,94,129) |
hsl(226,22%,42%) |
#665481 |
rgb(102,84,129) |
hsl(264,21%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7280A4 |
rgb(114,128,164) |
hsl(223,22%,55%) |
#606E95 |
rgb(96,110,149) |
hsl(224,22%,48%) |
#535E81 |
rgb(83,94,129) |
hsl(226,22%,42%) |
#454F6C |
rgb(69,79,108) |
hsl(225,22%,35%) |
#384057 |
rgb(56,64,87) |
hsl(225,22%,28%) |
#2B3043 |
rgb(43,48,67) |
hsl(228,22%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#535E81 |
rgb(83,94,129) |
hsl(226,22%,42%) |
#815E53 |
rgb(129,94,83) |
hsl(14,22%,42%) |
#758253 |
rgb(117,130,83) |
hsl(77,22%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#535E81 |
rgb(83,94,129) |
hsl(226,22%,42%) |
#817553 |
rgb(129,117,83) |
hsl(44,22%,42%) |
#537581 |
rgb(83,117,129) |
hsl(196,22%,42%) |
#758253 |
rgb(117,130,83) |
hsl(77,22%,42%) |