HEX #5E6678 color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

5e6678 color palette from light to dark

HEX RGB HSL
#f6f7f8 rgb(246,247,248) hsl(222,12%,97%)
#e8eaed rgb(232,234,237) hsl(222,12%,92%)
#dadce2 rgb(218,220,226) hsl(222,12%,87%)
#cccfd7 rgb(204,207,215) hsl(222,12%,82%)
#bdc2cb rgb(189,194,203) hsl(222,12%,77%)
#afb4c0 rgb(175,180,192) hsl(222,12%,72%)
#a1a7b5 rgb(161,167,181) hsl(222,12%,67%)
#9299aa rgb(146,153,170) hsl(222,12%,62%)
#848c9f rgb(132,140,159) hsl(222,12%,57%)
#767f93 rgb(118,127,147) hsl(222,12%,52%)
#697286 rgb(105,114,134) hsl(222,12%,47%)
#5e6678 rgb(94,102,120) hsl(222,12%,42%)
#535a6a rgb(83,90,106) hsl(222,12%,37%)
#484e5b rgb(72,78,91) hsl(222,12%,32%)
#3d424d rgb(61,66,77) hsl(222,12%,27%)
#31353f rgb(49,53,63) hsl(222,12%,22%)
#262931 rgb(38,41,49) hsl(222,12%,17%)
#1b1d22 rgb(27,29,34) hsl(222,12%,12%)
#101114 rgb(16,17,20) hsl(222,12%,7%)
#040506 rgb(4,5,6) hsl(222,12%,2%)

Adjacent colors

HEX RGB HSL
#5E7878 rgb(94,120,120) hsl(180,12%,42%)
#5E6678 rgb(94,102,120) hsl(222,12%,42%)
#675E78 rgb(103,94,120) hsl(261,12%,42%)

Monochromatic colors

HEX RGB HSL
#7F879B rgb(127,135,155) hsl(223,12%,55%)
#6D758B rgb(109,117,139) hsl(224,12%,49%)
#5E6678 rgb(94,102,120) hsl(222,12%,42%)
#4E5764 rgb(78,87,100) hsl(215,12%,35%)
#3F4551 rgb(63,69,81) hsl(220,13%,28%)
#30363E rgb(48,54,62) hsl(214,13%,22%)

Triad color palettes

HEX RGB HSL
#5E6678 rgb(94,102,120) hsl(222,12%,42%)
#78635E rgb(120,99,94) hsl(12,12%,42%)
#73785E rgb(115,120,94) hsl(72,12%,42%)

Tetrad color palettes

HEX RGB HSL
#5E6678 rgb(94,102,120) hsl(222,12%,42%)
#78705E rgb(120,112,94) hsl(42,12%,42%)
#5E7378 rgb(94,115,120) hsl(192,12%,42%)
#73785E rgb(115,120,94) hsl(72,12%,42%)