HEX #5F6977 color — Shuttle Gray
The color #5f6977 is a dark shade and slightly desaturated.
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%) |