HEX #5F697C color — Shuttle Gray

The color #5F697C is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

5F697C color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(219,13%,98%)
#ebecef rgb(235,236,239) hsl(219,13%,93%)
#dcdfe4 rgb(220,223,228) hsl(219,13%,88%)
#ced2d9 rgb(206,210,217) hsl(219,13%,83%)
#c0c5ce rgb(192,197,206) hsl(219,13%,78%)
#b1b7c3 rgb(177,183,195) hsl(219,13%,73%)
#a3aab8 rgb(163,170,184) hsl(219,13%,68%)
#949dad rgb(148,157,173) hsl(219,13%,63%)
#8690a2 rgb(134,144,162) hsl(219,13%,58%)
#788297 rgb(120,130,151) hsl(219,13%,53%)
#6a768a rgb(106,118,138) hsl(219,13%,48%)
#5f697c rgb(95,105,124) hsl(219,13%,43%)
#545d6d rgb(84,93,109) hsl(219,13%,38%)
#49515f rgb(73,81,95) hsl(219,13%,33%)
#3e4551 rgb(62,69,81) hsl(219,13%,28%)
#333842 rgb(51,56,66) hsl(219,13%,23%)
#282c34 rgb(40,44,52) hsl(219,13%,18%)
#1d2025 rgb(29,32,37) hsl(219,13%,13%)
#121417 rgb(18,20,23) hsl(219,13%,8%)
#070709 rgb(7,7,9) hsl(219,13%,3%)

Adjacent colors

HEX RGB HSL
#5F7D7B rgb(95,125,123) hsl(176,14%,43%)
#5F697C rgb(95,105,124) hsl(219,13%,43%)
#685E7C rgb(104,94,124) hsl(260,14%,43%)

Monochromatic colors

HEX RGB HSL
#818C9F rgb(129,140,159) hsl(218,14%,56%)
#6E7A8F rgb(110,122,143) hsl(218,13%,50%)
#5F697C rgb(95,105,124) hsl(219,13%,43%)
#4F5968 rgb(79,89,104) hsl(216,14%,36%)
#404754 rgb(64,71,84) hsl(219,14%,29%)
#313640 rgb(49,54,64) hsl(220,13%,22%)

Triad color palettes

HEX RGB HSL
#5F697C rgb(95,105,124) hsl(219,13%,43%)
#7C635F rgb(124,99,95) hsl(8,13%,43%)
#777D5F rgb(119,125,95) hsl(72,14%,43%)

Tetrad color palettes

HEX RGB HSL
#5F697C rgb(95,105,124) hsl(219,13%,43%)
#7C735F rgb(124,115,95) hsl(41,13%,43%)
#5F787C rgb(95,120,124) hsl(188,13%,43%)
#777D5F rgb(119,125,95) hsl(72,14%,43%)