HEX #535E69 color — Shuttle Gray
The color #535E69 is a dark shade and slightly desaturated.
Palette
535E69 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f8 |
rgb(246,247,248) |
hsl(210,12%,97%) |
#e8ebed |
rgb(232,235,237) |
hsl(210,12%,92%) |
#dadee2 |
rgb(218,222,226) |
hsl(210,12%,87%) |
#ccd1d7 |
rgb(204,209,215) |
hsl(210,12%,82%) |
#bdc4cb |
rgb(189,196,203) |
hsl(210,12%,77%) |
#afb8c0 |
rgb(175,184,192) |
hsl(210,12%,72%) |
#a1abb5 |
rgb(161,171,181) |
hsl(210,12%,67%) |
#929eaa |
rgb(146,158,170) |
hsl(210,12%,62%) |
#84919f |
rgb(132,145,159) |
hsl(210,12%,57%) |
#768593 |
rgb(118,133,147) |
hsl(210,12%,52%) |
#697886 |
rgb(105,120,134) |
hsl(210,12%,47%) |
#5e6b78 |
rgb(94,107,120) |
hsl(210,12%,42%) |
#535e6a |
rgb(83,94,106) |
hsl(210,12%,37%) |
#48525b |
rgb(72,82,91) |
hsl(210,12%,32%) |
#3d454d |
rgb(61,69,77) |
hsl(210,12%,27%) |
#31383f |
rgb(49,56,63) |
hsl(210,12%,22%) |
#262b31 |
rgb(38,43,49) |
hsl(210,12%,17%) |
#1b1f22 |
rgb(27,31,34) |
hsl(210,12%,12%) |
#101214 |
rgb(16,18,20) |
hsl(210,12%,7%) |
#040506 |
rgb(4,5,6) |
hsl(210,12%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#536965 |
rgb(83,105,101) |
hsl(169,12%,37%) |
#535E69 |
rgb(83,94,105) |
hsl(210,12%,37%) |
#565469 |
rgb(86,84,105) |
hsl(246,11%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#606E79 |
rgb(96,110,121) |
hsl(206,12%,43%) |
#535E69 |
rgb(83,94,105) |
hsl(210,12%,37%) |
#454F58 |
rgb(69,79,88) |
hsl(208,12%,31%) |
#384047 |
rgb(56,64,71) |
hsl(208,12%,25%) |
#2B3036 |
rgb(43,48,54) |
hsl(213,11%,19%) |
#1D2125 |
rgb(29,33,37) |
hsl(210,12%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#535E69 |
rgb(83,94,105) |
hsl(210,12%,37%) |
#695453 |
rgb(105,84,83) |
hsl(3,12%,37%) |
#696953 |
rgb(105,105,83) |
hsl(60,12%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#535E69 |
rgb(83,94,105) |
hsl(210,12%,37%) |
#695E53 |
rgb(105,94,83) |
hsl(30,12%,37%) |
#536969 |
rgb(83,105,105) |
hsl(180,12%,37%) |
#696953 |
rgb(105,105,83) |
hsl(60,12%,37%) |