HEX #536369 color — Shuttle Gray

The color #536369 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

536369 color palette from light to dark

HEX RGB HSL
#f6f8f8 rgb(246,248,248) hsl(196,12%,97%)
#e8eced rgb(232,236,237) hsl(196,12%,92%)
#dae0e2 rgb(218,224,226) hsl(196,12%,87%)
#ccd4d7 rgb(204,212,215) hsl(196,12%,82%)
#bdc8cb rgb(189,200,203) hsl(196,12%,77%)
#afbcc0 rgb(175,188,192) hsl(196,12%,72%)
#a1b0b5 rgb(161,176,181) hsl(196,12%,67%)
#92a4aa rgb(146,164,170) hsl(196,12%,62%)
#84979f rgb(132,151,159) hsl(196,12%,57%)
#768b93 rgb(118,139,147) hsl(196,12%,52%)
#697f86 rgb(105,127,134) hsl(196,12%,47%)
#5e7178 rgb(94,113,120) hsl(196,12%,42%)
#53646a rgb(83,100,106) hsl(196,12%,37%)
#48565b rgb(72,86,91) hsl(196,12%,32%)
#3d494d rgb(61,73,77) hsl(196,12%,27%)
#313b3f rgb(49,59,63) hsl(196,12%,22%)
#262e31 rgb(38,46,49) hsl(196,12%,17%)
#1b2022 rgb(27,32,34) hsl(196,12%,12%)
#101314 rgb(16,19,20) hsl(196,12%,7%)
#040506 rgb(4,5,6) hsl(196,12%,2%)

Adjacent colors

HEX RGB HSL
#536960 rgb(83,105,96) hsl(155,12%,37%)
#536369 rgb(83,99,105) hsl(196,12%,37%)
#535469 rgb(83,84,105) hsl(237,12%,37%)

Monochromatic colors

HEX RGB HSL
#607379 rgb(96,115,121) hsl(194,12%,43%)
#536369 rgb(83,99,105) hsl(196,12%,37%)
#455458 rgb(69,84,88) hsl(193,12%,31%)
#384247 rgb(56,66,71) hsl(200,12%,25%)
#2B3336 rgb(43,51,54) hsl(196,11%,19%)
#1D2425 rgb(29,36,37) hsl(188,12%,13%)

Triad color palettes

HEX RGB HSL
#536369 rgb(83,99,105) hsl(196,12%,37%)
#695458 rgb(105,84,88) hsl(349,11%,37%)
#696353 rgb(105,99,83) hsl(44,12%,37%)

Tetrad color palettes

HEX RGB HSL
#536369 rgb(83,99,105) hsl(196,12%,37%)
#695953 rgb(105,89,83) hsl(16,12%,37%)
#536964 rgb(83,105,100) hsl(166,12%,37%)
#696353 rgb(105,99,83) hsl(44,12%,37%)