HEX #535C82 color — Blue Bayoux
The color #535C82 is a dark shade and slightly desaturated.
Palette
535C82 color palette from light to dark
HEX |
RGB |
HSL |
#f6f6f9 |
rgb(246,246,249) |
hsl(229,22%,97%) |
#e6e8ef |
rgb(230,232,239) |
hsl(229,22%,92%) |
#d7d9e5 |
rgb(215,217,229) |
hsl(229,22%,87%) |
#c7cbdb |
rgb(199,203,219) |
hsl(229,22%,82%) |
#b7bcd1 |
rgb(183,188,209) |
hsl(229,22%,77%) |
#a8aec7 |
rgb(168,174,199) |
hsl(229,22%,72%) |
#989fbd |
rgb(152,159,189) |
hsl(229,22%,67%) |
#8991b3 |
rgb(137,145,179) |
hsl(229,22%,62%) |
#7982a9 |
rgb(121,130,169) |
hsl(229,22%,57%) |
#6a74a0 |
rgb(106,116,160) |
hsl(229,22%,52%) |
#5d6792 |
rgb(93,103,146) |
hsl(229,22%,47%) |
#545c83 |
rgb(84,92,131) |
hsl(229,22%,42%) |
#4a5173 |
rgb(74,81,115) |
hsl(229,22%,37%) |
#404664 |
rgb(64,70,100) |
hsl(229,22%,32%) |
#363b54 |
rgb(54,59,84) |
hsl(229,22%,27%) |
#2c3044 |
rgb(44,48,68) |
hsl(229,22%,22%) |
#222535 |
rgb(34,37,53) |
hsl(229,22%,17%) |
#181a25 |
rgb(24,26,37) |
hsl(229,22%,12%) |
#0e0f16 |
rgb(14,15,22) |
hsl(229,22%,7%) |
#040406 |
rgb(4,4,6) |
hsl(229,22%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#537A82 |
rgb(83,122,130) |
hsl(190,22%,42%) |
#535C82 |
rgb(83,92,130) |
hsl(229,22%,42%) |
#695482 |
rgb(105,84,130) |
hsl(267,21%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#737DA5 |
rgb(115,125,165) |
hsl(228,22%,55%) |
#606B96 |
rgb(96,107,150) |
hsl(228,22%,48%) |
#535C82 |
rgb(83,92,130) |
hsl(229,22%,42%) |
#454D6D |
rgb(69,77,109) |
hsl(228,22%,35%) |
#384058 |
rgb(56,64,88) |
hsl(225,22%,28%) |
#2B3043 |
rgb(43,48,67) |
hsl(228,22%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#535C82 |
rgb(83,92,130) |
hsl(229,22%,42%) |
#826153 |
rgb(130,97,83) |
hsl(18,22%,42%) |
#738253 |
rgb(115,130,83) |
hsl(79,22%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#535C82 |
rgb(83,92,130) |
hsl(229,22%,42%) |
#827853 |
rgb(130,120,83) |
hsl(47,22%,42%) |
#537382 |
rgb(83,115,130) |
hsl(199,22%,42%) |
#738253 |
rgb(115,130,83) |
hsl(79,22%,42%) |