HEX #535E7B color — Blue Bayoux
The color #535E7B is a dark shade and slightly desaturated.
Palette
535E7B color palette from light to dark
HEX |
RGB |
HSL |
#f0f1f5 |
rgb(240,241,245) |
hsl(224,19%,95%) |
#e1e3ea |
rgb(225,227,234) |
hsl(224,19%,90%) |
#d1d5e0 |
rgb(209,213,224) |
hsl(224,19%,85%) |
#c2c7d6 |
rgb(194,199,214) |
hsl(224,19%,80%) |
#b3bacb |
rgb(179,186,203) |
hsl(224,19%,75%) |
#a4acc1 |
rgb(164,172,193) |
hsl(224,19%,70%) |
#959eb7 |
rgb(149,158,183) |
hsl(224,19%,65%) |
#8690ac |
rgb(134,144,172) |
hsl(224,19%,60%) |
#7682a2 |
rgb(118,130,162) |
hsl(224,19%,55%) |
#677498 |
rgb(103,116,152) |
hsl(224,19%,50%) |
#5d6989 |
rgb(93,105,137) |
hsl(224,19%,45%) |
#535d79 |
rgb(83,93,121) |
hsl(224,19%,40%) |
#48516a |
rgb(72,81,106) |
hsl(224,19%,35%) |
#3e465b |
rgb(62,70,91) |
hsl(224,19%,30%) |
#343a4c |
rgb(52,58,76) |
hsl(224,19%,25%) |
#292e3d |
rgb(41,46,61) |
hsl(224,19%,20%) |
#1f232e |
rgb(31,35,46) |
hsl(224,19%,15%) |
#15171e |
rgb(21,23,30) |
hsl(224,19%,10%) |
#0a0c0f |
rgb(10,12,15) |
hsl(224,19%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#53787B |
rgb(83,120,123) |
hsl(185,19%,40%) |
#535E7B |
rgb(83,94,123) |
hsl(224,19%,40%) |
#62547B |
rgb(98,84,123) |
hsl(262,19%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#707D9F |
rgb(112,125,159) |
hsl(223,20%,53%) |
#606E8E |
rgb(96,110,142) |
hsl(222,19%,47%) |
#535E7B |
rgb(83,94,123) |
hsl(224,19%,40%) |
#454F67 |
rgb(69,79,103) |
hsl(222,20%,34%) |
#384053 |
rgb(56,64,83) |
hsl(222,19%,27%) |
#2B303F |
rgb(43,48,63) |
hsl(225,19%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#535E7B |
rgb(83,94,123) |
hsl(224,19%,40%) |
#7B5C53 |
rgb(123,92,83) |
hsl(14,19%,40%) |
#727A53 |
rgb(114,122,83) |
hsl(72,19%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#535E7B |
rgb(83,94,123) |
hsl(224,19%,40%) |
#7B7053 |
rgb(123,112,83) |
hsl(44,19%,40%) |
#53737B |
rgb(83,115,123) |
hsl(192,19%,40%) |
#727A53 |
rgb(114,122,83) |
hsl(72,19%,40%) |