HEX #535C6A color — Shuttle Gray
The color #535C6A is a dark shade and slightly desaturated.
Palette
535C6A color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f8 |
rgb(246,247,248) |
hsl(217,12%,97%) |
#e8eaed |
rgb(232,234,237) |
hsl(217,12%,92%) |
#dadde2 |
rgb(218,221,226) |
hsl(217,12%,87%) |
#ccd0d7 |
rgb(204,208,215) |
hsl(217,12%,82%) |
#bdc3cb |
rgb(189,195,203) |
hsl(217,12%,77%) |
#afb6c0 |
rgb(175,182,192) |
hsl(217,12%,72%) |
#a1a8b5 |
rgb(161,168,181) |
hsl(217,12%,67%) |
#929baa |
rgb(146,155,170) |
hsl(217,12%,62%) |
#848e9f |
rgb(132,142,159) |
hsl(217,12%,57%) |
#768193 |
rgb(118,129,147) |
hsl(217,12%,52%) |
#697486 |
rgb(105,116,134) |
hsl(217,12%,47%) |
#5e6878 |
rgb(94,104,120) |
hsl(217,12%,42%) |
#535c6a |
rgb(83,92,106) |
hsl(217,12%,37%) |
#484f5b |
rgb(72,79,91) |
hsl(217,12%,32%) |
#3d434d |
rgb(61,67,77) |
hsl(217,12%,27%) |
#31373f |
rgb(49,55,63) |
hsl(217,12%,22%) |
#262a31 |
rgb(38,42,49) |
hsl(217,12%,17%) |
#1b1e22 |
rgb(27,30,34) |
hsl(217,12%,12%) |
#101114 |
rgb(16,17,20) |
hsl(217,12%,7%) |
#040506 |
rgb(4,5,6) |
hsl(217,12%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#536B68 |
rgb(83,107,104) |
hsl(173,13%,37%) |
#535C6A |
rgb(83,92,106) |
hsl(217,12%,37%) |
#59546A |
rgb(89,84,106) |
hsl(254,12%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#606B7A |
rgb(96,107,122) |
hsl(215,12%,43%) |
#535C6A |
rgb(83,92,106) |
hsl(217,12%,37%) |
#454D59 |
rgb(69,77,89) |
hsl(216,13%,31%) |
#384048 |
rgb(56,64,72) |
hsl(210,13%,25%) |
#2B3037 |
rgb(43,48,55) |
hsl(215,12%,19%) |
#1D2126 |
rgb(29,33,38) |
hsl(213,13%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#535C6A |
rgb(83,92,106) |
hsl(217,12%,37%) |
#6A5753 |
rgb(106,87,83) |
hsl(10,12%,37%) |
#676B53 |
rgb(103,107,83) |
hsl(70,13%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#535C6A |
rgb(83,92,106) |
hsl(217,12%,37%) |
#6A6153 |
rgb(106,97,83) |
hsl(37,12%,37%) |
#53696A |
rgb(83,105,106) |
hsl(183,12%,37%) |
#676B53 |
rgb(103,107,83) |
hsl(70,13%,37%) |