HEX #535C69 color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

535C69 color palette from light to dark

HEX RGB HSL
#f6f7f8 rgb(246,247,248) hsl(215,12%,97%)
#e8eaed rgb(232,234,237) hsl(215,12%,92%)
#dadde2 rgb(218,221,226) hsl(215,12%,87%)
#ccd0d7 rgb(204,208,215) hsl(215,12%,82%)
#bdc3cb rgb(189,195,203) hsl(215,12%,77%)
#afb6c0 rgb(175,182,192) hsl(215,12%,72%)
#a1a9b5 rgb(161,169,181) hsl(215,12%,67%)
#929caa rgb(146,156,170) hsl(215,12%,62%)
#848f9f rgb(132,143,159) hsl(215,12%,57%)
#768293 rgb(118,130,147) hsl(215,12%,52%)
#697586 rgb(105,117,134) hsl(215,12%,47%)
#5e6978 rgb(94,105,120) hsl(215,12%,42%)
#535c6a rgb(83,92,106) hsl(215,12%,37%)
#48505b rgb(72,80,91) hsl(215,12%,32%)
#3d434d rgb(61,67,77) hsl(215,12%,27%)
#31373f rgb(49,55,63) hsl(215,12%,22%)
#262a31 rgb(38,42,49) hsl(215,12%,17%)
#1b1e22 rgb(27,30,34) hsl(215,12%,12%)
#101114 rgb(16,17,20) hsl(215,12%,7%)
#040506 rgb(4,5,6) hsl(215,12%,2%)

Adjacent colors

HEX RGB HSL
#536967 rgb(83,105,103) hsl(175,12%,37%)
#535C69 rgb(83,92,105) hsl(215,12%,37%)
#585469 rgb(88,84,105) hsl(251,11%,37%)

Monochromatic colors

HEX RGB HSL
#606B79 rgb(96,107,121) hsl(214,12%,43%)
#535C69 rgb(83,92,105) hsl(215,12%,37%)
#454D58 rgb(69,77,88) hsl(215,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
#535C69 rgb(83,92,105) hsl(215,12%,37%)
#695453 rgb(105,84,83) hsl(3,12%,37%)
#676953 rgb(103,105,83) hsl(65,12%,37%)

Tetrad color palettes

HEX RGB HSL
#535C69 rgb(83,92,105) hsl(215,12%,37%)
#696153 rgb(105,97,83) hsl(38,12%,37%)
#536669 rgb(83,102,105) hsl(188,12%,37%)
#676953 rgb(103,105,83) hsl(65,12%,37%)