HEX #60677B color — Shuttle Gray

The color #60677b is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

60677b color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(224,12%,98%)
#ebecef rgb(235,236,239) hsl(224,12%,93%)
#dddfe4 rgb(221,223,228) hsl(224,12%,88%)
#ced1d9 rgb(206,209,217) hsl(224,12%,83%)
#c0c4ce rgb(192,196,206) hsl(224,12%,78%)
#b2b6c2 rgb(178,182,194) hsl(224,12%,73%)
#a4a9b7 rgb(164,169,183) hsl(224,12%,68%)
#959bac rgb(149,155,172) hsl(224,12%,63%)
#878ea1 rgb(135,142,161) hsl(224,12%,58%)
#798096 rgb(121,128,150) hsl(224,12%,53%)
#6c7489 rgb(108,116,137) hsl(224,12%,48%)
#60687b rgb(96,104,123) hsl(224,12%,43%)
#555b6d rgb(85,91,109) hsl(224,12%,38%)
#4a4f5e rgb(74,79,94) hsl(224,12%,33%)
#3f4350 rgb(63,67,80) hsl(224,12%,28%)
#343742 rgb(52,55,66) hsl(224,12%,23%)
#282b33 rgb(40,43,51) hsl(224,12%,18%)
#1d1f25 rgb(29,31,37) hsl(224,12%,13%)
#121317 rgb(18,19,23) hsl(224,12%,8%)
#070709 rgb(7,7,9) hsl(224,12%,3%)

Adjacent colors

HEX RGB HSL
#60787B rgb(96,120,123) hsl(187,12%,43%)
#60677B rgb(96,103,123) hsl(224,12%,43%)
#6B617B rgb(107,97,123) hsl(263,12%,43%)

Monochromatic colors

HEX RGB HSL
#828A9E rgb(130,138,158) hsl(223,13%,56%)
#6F788E rgb(111,120,142) hsl(223,12%,50%)
#60677B rgb(96,103,123) hsl(224,12%,43%)
#505767 rgb(80,87,103) hsl(222,13%,36%)
#414553 rgb(65,69,83) hsl(227,12%,29%)
#31363F rgb(49,54,63) hsl(219,13%,22%)

Triad color palettes

HEX RGB HSL
#60677B rgb(96,103,123) hsl(224,12%,43%)
#7B6660 rgb(123,102,96) hsl(13,12%,43%)
#747A60 rgb(116,122,96) hsl(74,12%,43%)

Tetrad color palettes

HEX RGB HSL
#60677B rgb(96,103,123) hsl(224,12%,43%)
#7B7360 rgb(123,115,96) hsl(42,12%,43%)
#60757B rgb(96,117,123) hsl(193,12%,43%)
#747A60 rgb(116,122,96) hsl(74,12%,43%)