HEX #5F6679 color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

5F6679 color palette from light to dark

HEX RGB HSL
#f6f7f8 rgb(246,247,248) hsl(224,12%,97%)
#e8e9ed rgb(232,233,237) hsl(224,12%,92%)
#dadce2 rgb(218,220,226) hsl(224,12%,87%)
#cccfd7 rgb(204,207,215) hsl(224,12%,82%)
#bdc1cb rgb(189,193,203) hsl(224,12%,77%)
#afb4c0 rgb(175,180,192) hsl(224,12%,72%)
#a1a6b5 rgb(161,166,181) hsl(224,12%,67%)
#9299aa rgb(146,153,170) hsl(224,12%,62%)
#848b9f rgb(132,139,159) hsl(224,12%,57%)
#767e93 rgb(118,126,147) hsl(224,12%,52%)
#697186 rgb(105,113,134) hsl(224,12%,47%)
#5e6578 rgb(94,101,120) hsl(224,12%,42%)
#53596a rgb(83,89,106) hsl(224,12%,37%)
#484d5b rgb(72,77,91) hsl(224,12%,32%)
#3d414d rgb(61,65,77) hsl(224,12%,27%)
#31353f rgb(49,53,63) hsl(224,12%,22%)
#262931 rgb(38,41,49) hsl(224,12%,17%)
#1b1d22 rgb(27,29,34) hsl(224,12%,12%)
#101114 rgb(16,17,20) hsl(224,12%,7%)
#040506 rgb(4,5,6) hsl(224,12%,2%)

Adjacent colors

HEX RGB HSL
#5F7879 rgb(95,120,121) hsl(182,12%,42%)
#5F6679 rgb(95,102,121) hsl(224,12%,42%)
#695E79 rgb(105,94,121) hsl(264,13%,42%)

Monochromatic colors

HEX RGB HSL
#81879C rgb(129,135,156) hsl(227,12%,56%)
#6E758C rgb(110,117,140) hsl(226,12%,49%)
#5F6679 rgb(95,102,121) hsl(224,12%,42%)
#4F5765 rgb(79,87,101) hsl(218,12%,35%)
#404552 rgb(64,69,82) hsl(223,12%,29%)
#31363E rgb(49,54,62) hsl(217,12%,22%)

Triad color palettes

HEX RGB HSL
#5F6679 rgb(95,102,121) hsl(224,12%,42%)
#79665F rgb(121,102,95) hsl(16,12%,42%)
#73785F rgb(115,120,95) hsl(72,12%,42%)

Tetrad color palettes

HEX RGB HSL
#5F6679 rgb(95,102,121) hsl(224,12%,42%)
#79735F rgb(121,115,95) hsl(46,12%,42%)
#5F7379 rgb(95,115,121) hsl(194,12%,42%)
#73785F rgb(115,120,95) hsl(72,12%,42%)