HEX #5F6977 color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

5f6977 color palette from light to dark

HEX RGB HSL
#f7f7f8 rgb(247,247,248) hsl(215,11%,97%)
#e8eaed rgb(232,234,237) hsl(215,11%,92%)
#dadde1 rgb(218,221,225) hsl(215,11%,87%)
#ccd0d6 rgb(204,208,214) hsl(215,11%,82%)
#bec3cb rgb(190,195,203) hsl(215,11%,77%)
#b0b6bf rgb(176,182,191) hsl(215,11%,72%)
#a2a9b4 rgb(162,169,180) hsl(215,11%,67%)
#939ca9 rgb(147,156,169) hsl(215,11%,62%)
#858f9d rgb(133,143,157) hsl(215,11%,57%)
#778292 rgb(119,130,146) hsl(215,11%,52%)
#6b7685 rgb(107,118,133) hsl(215,11%,47%)
#5f6977 rgb(95,105,119) hsl(215,11%,42%)
#545d69 rgb(84,93,105) hsl(215,11%,37%)
#49505b rgb(73,80,91) hsl(215,11%,32%)
#3d444c rgb(61,68,76) hsl(215,11%,27%)
#32373e rgb(50,55,62) hsl(215,11%,22%)
#272b30 rgb(39,43,48) hsl(215,11%,17%)
#1b1e22 rgb(27,30,34) hsl(215,11%,12%)
#101214 rgb(16,18,20) hsl(215,11%,7%)
#050506 rgb(5,5,6) hsl(215,11%,2%)

Adjacent colors

HEX RGB HSL
#5F7875 rgb(95,120,117) hsl(173,12%,42%)
#5F6977 rgb(95,105,119) hsl(215,11%,42%)
#655E77 rgb(101,94,119) hsl(257,12%,42%)

Monochromatic colors

HEX RGB HSL
#808C9A rgb(128,140,154) hsl(212,11%,55%)
#6E7A8A rgb(110,122,138) hsl(214,11%,49%)
#5F6977 rgb(95,105,119) hsl(215,11%,42%)
#4F5963 rgb(79,89,99) hsl(210,11%,35%)
#404750 rgb(64,71,80) hsl(214,11%,28%)
#31363D rgb(49,54,61) hsl(215,11%,22%)

Triad color palettes

HEX RGB HSL
#5F6977 rgb(95,105,119) hsl(215,11%,42%)
#77615F rgb(119,97,95) hsl(5,11%,42%)
#75785F rgb(117,120,95) hsl(67,12%,42%)

Tetrad color palettes

HEX RGB HSL
#5F6977 rgb(95,105,119) hsl(215,11%,42%)
#776E5F rgb(119,110,95) hsl(38,11%,42%)
#5F7577 rgb(95,117,119) hsl(185,11%,42%)
#75785F rgb(117,120,95) hsl(67,12%,42%)