HEX #60697B color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

60697b color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(220,12%,98%)
#ebecef rgb(235,236,239) hsl(220,12%,93%)
#dddfe4 rgb(221,223,228) hsl(220,12%,88%)
#ced2d9 rgb(206,210,217) hsl(220,12%,83%)
#c0c5ce rgb(192,197,206) hsl(220,12%,78%)
#b2b7c2 rgb(178,183,194) hsl(220,12%,73%)
#a4aab7 rgb(164,170,183) hsl(220,12%,68%)
#959dac rgb(149,157,172) hsl(220,12%,63%)
#8790a1 rgb(135,144,161) hsl(220,12%,58%)
#798296 rgb(121,130,150) hsl(220,12%,53%)
#6c7689 rgb(108,118,137) hsl(220,12%,48%)
#60697b rgb(96,105,123) hsl(220,12%,43%)
#555d6d rgb(85,93,109) hsl(220,12%,38%)
#4a515e rgb(74,81,94) hsl(220,12%,33%)
#3f4550 rgb(63,69,80) hsl(220,12%,28%)
#343842 rgb(52,56,66) hsl(220,12%,23%)
#282c33 rgb(40,44,51) hsl(220,12%,18%)
#1d2025 rgb(29,32,37) hsl(220,12%,13%)
#121417 rgb(18,20,23) hsl(220,12%,8%)
#070709 rgb(7,7,9) hsl(220,12%,3%)

Adjacent colors

HEX RGB HSL
#607A7B rgb(96,122,123) hsl(182,12%,43%)
#60697B rgb(96,105,123) hsl(220,12%,43%)
#69617B rgb(105,97,123) hsl(258,12%,43%)

Monochromatic colors

HEX RGB HSL
#828C9E rgb(130,140,158) hsl(219,13%,56%)
#6F7A8E rgb(111,122,142) hsl(219,12%,50%)
#60697B rgb(96,105,123) hsl(220,12%,43%)
#505967 rgb(80,89,103) hsl(217,13%,36%)
#414753 rgb(65,71,83) hsl(220,12%,29%)
#31363F rgb(49,54,63) hsl(219,13%,22%)

Triad color palettes

HEX RGB HSL
#60697B rgb(96,105,123) hsl(220,12%,43%)
#7B6360 rgb(123,99,96) hsl(7,12%,43%)
#767A60 rgb(118,122,96) hsl(69,12%,43%)

Tetrad color palettes

HEX RGB HSL
#60697B rgb(96,105,123) hsl(220,12%,43%)
#7B7360 rgb(123,115,96) hsl(42,12%,43%)
#60757B rgb(96,117,123) hsl(193,12%,43%)
#767A60 rgb(118,122,96) hsl(69,12%,43%)