HEX #536366 color — Shuttle Gray

The color #536366 is a dark shade and desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

536366 color palette from light to dark

HEX RGB HSL
#f4f6f6 rgb(244,246,246) hsl(189,10%,96%)
#e6eaea rgb(230,234,234) hsl(189,10%,91%)
#d8dedf rgb(216,222,223) hsl(189,10%,86%)
#cad2d3 rgb(202,210,211) hsl(189,10%,81%)
#bcc6c8 rgb(188,198,200) hsl(189,10%,76%)
#aebabc rgb(174,186,188) hsl(189,10%,71%)
#a0aeb1 rgb(160,174,177) hsl(189,10%,66%)
#92a3a5 rgb(146,163,165) hsl(189,10%,61%)
#84979a rgb(132,151,154) hsl(189,10%,56%)
#768b8f rgb(118,139,143) hsl(189,10%,51%)
#6a7e81 rgb(106,126,129) hsl(189,10%,46%)
#5e7073 rgb(94,112,115) hsl(189,10%,41%)
#536265 rgb(83,98,101) hsl(189,10%,36%)
#475557 rgb(71,85,87) hsl(189,10%,31%)
#3c4749 rgb(60,71,73) hsl(189,10%,26%)
#30393b rgb(48,57,59) hsl(189,10%,21%)
#252c2d rgb(37,44,45) hsl(189,10%,16%)
#191e1f rgb(25,30,31) hsl(189,10%,11%)
#0e1011 rgb(14,16,17) hsl(189,10%,6%)
#020303 rgb(2,3,3) hsl(189,10%,1%)

Adjacent colors

HEX RGB HSL
#53665C rgb(83,102,92) hsl(148,10%,36%)
#536366 rgb(83,99,102) hsl(189,10%,36%)
#535766 rgb(83,87,102) hsl(227,10%,36%)

Monochromatic colors

HEX RGB HSL
#607376 rgb(96,115,118) hsl(188,10%,42%)
#536366 rgb(83,99,102) hsl(189,10%,36%)
#455455 rgb(69,84,85) hsl(184,10%,30%)
#384245 rgb(56,66,69) hsl(194,10%,25%)
#2B3335 rgb(43,51,53) hsl(192,10%,19%)
#1D2424 rgb(29,36,36) hsl(180,11%,13%)

Triad color palettes

HEX RGB HSL
#536366 rgb(83,99,102) hsl(189,10%,36%)
#665459 rgb(102,84,89) hsl(343,10%,36%)
#665E53 rgb(102,94,83) hsl(35,10%,36%)

Tetrad color palettes

HEX RGB HSL
#536366 rgb(83,99,102) hsl(189,10%,36%)
#665753 rgb(102,87,83) hsl(13,10%,36%)
#53665F rgb(83,102,95) hsl(158,10%,36%)
#665E53 rgb(102,94,83) hsl(35,10%,36%)