HEX #535E69 color — Shuttle Gray

The color #535E69 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

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%)