HEX #535C68 color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

535C68 color palette from light to dark

HEX RGB HSL
#f7f7f8 rgb(247,247,248) hsl(214,11%,97%)
#e8eaed rgb(232,234,237) hsl(214,11%,92%)
#dadde1 rgb(218,221,225) hsl(214,11%,87%)
#ccd0d6 rgb(204,208,214) hsl(214,11%,82%)
#bec3cb rgb(190,195,203) hsl(214,11%,77%)
#b0b7bf rgb(176,183,191) hsl(214,11%,72%)
#a2aab4 rgb(162,170,180) hsl(214,11%,67%)
#939da9 rgb(147,157,169) hsl(214,11%,62%)
#85909d rgb(133,144,157) hsl(214,11%,57%)
#778392 rgb(119,131,146) hsl(214,11%,52%)
#6b7685 rgb(107,118,133) hsl(214,11%,47%)
#5f6a77 rgb(95,106,119) hsl(214,11%,42%)
#545d69 rgb(84,93,105) hsl(214,11%,37%)
#49505b rgb(73,80,91) hsl(214,11%,32%)
#3d444c rgb(61,68,76) hsl(214,11%,27%)
#32373e rgb(50,55,62) hsl(214,11%,22%)
#272b30 rgb(39,43,48) hsl(214,11%,17%)
#1b1e22 rgb(27,30,34) hsl(214,11%,12%)
#101214 rgb(16,18,20) hsl(214,11%,7%)
#050506 rgb(5,5,6) hsl(214,11%,2%)

Adjacent colors

HEX RGB HSL
#536966 rgb(83,105,102) hsl(172,12%,37%)
#535C68 rgb(83,92,104) hsl(214,11%,37%)
#585468 rgb(88,84,104) hsl(252,11%,37%)

Monochromatic colors

HEX RGB HSL
#606B78 rgb(96,107,120) hsl(213,11%,42%)
#535C68 rgb(83,92,104) hsl(214,11%,37%)
#454D57 rgb(69,77,87) hsl(213,12%,31%)
#384046 rgb(56,64,70) hsl(206,11%,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
#535C68 rgb(83,92,104) hsl(214,11%,37%)
#685453 rgb(104,84,83) hsl(3,11%,37%)
#666953 rgb(102,105,83) hsl(68,12%,37%)

Tetrad color palettes

HEX RGB HSL
#535C68 rgb(83,92,104) hsl(214,11%,37%)
#685E53 rgb(104,94,83) hsl(31,11%,37%)
#536668 rgb(83,102,104) hsl(186,11%,37%)
#666953 rgb(102,105,83) hsl(68,12%,37%)