HEX #31575E color — Spectra

The color #31575e is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

31575e color palette from light to dark

HEX RGB HSL
#f8fbfb rgb(248,251,251) hsl(189,31%,98%)
#e8f1f3 rgb(232,241,243) hsl(189,31%,93%)
#d7e7ea rgb(215,231,234) hsl(189,31%,88%)
#c6dde1 rgb(198,221,225) hsl(189,31%,83%)
#b6d3d8 rgb(182,211,216) hsl(189,31%,78%)
#a5c9cf rgb(165,201,207) hsl(189,31%,73%)
#94bfc7 rgb(148,191,199) hsl(189,31%,68%)
#83b5be rgb(131,181,190) hsl(189,31%,63%)
#73abb5 rgb(115,171,181) hsl(189,31%,58%)
#62a1ac rgb(98,161,172) hsl(189,31%,53%)
#5495a0 rgb(84,149,160) hsl(189,31%,48%)
#4c8590 rgb(76,133,144) hsl(189,31%,43%)
#43767f rgb(67,118,127) hsl(189,31%,38%)
#3a666e rgb(58,102,110) hsl(189,31%,33%)
#31575e rgb(49,87,94) hsl(189,31%,28%)
#28474d rgb(40,71,77) hsl(189,31%,23%)
#20383c rgb(32,56,60) hsl(189,31%,18%)
#17282b rgb(23,40,43) hsl(189,31%,13%)
#0e191b rgb(14,25,27) hsl(189,31%,8%)
#05090a rgb(5,9,10) hsl(189,31%,3%)

Adjacent colors

HEX RGB HSL
#315E47 rgb(49,94,71) hsl(149,31%,28%)
#31575E rgb(49,87,94) hsl(189,31%,28%)
#31385E rgb(49,56,94) hsl(231,31%,28%)

Monochromatic colors

HEX RGB HSL
#38666D rgb(56,102,109) hsl(188,32%,32%)
#31575E rgb(49,87,94) hsl(189,31%,28%)
#294A4E rgb(41,74,78) hsl(186,31%,23%)
#213B3F rgb(33,59,63) hsl(188,31%,19%)
#192E30 rgb(25,46,48) hsl(185,32%,14%)
#111F21 rgb(17,31,33) hsl(188,32%,10%)

Triad color palettes

HEX RGB HSL
#31575E rgb(49,87,94) hsl(189,31%,28%)
#5E3040 rgb(94,48,64) hsl(339,32%,28%)
#5E4F31 rgb(94,79,49) hsl(40,31%,28%)

Tetrad color palettes

HEX RGB HSL
#31575E rgb(49,87,94) hsl(189,31%,28%)
#5E3831 rgb(94,56,49) hsl(9,31%,28%)
#315E4E rgb(49,94,78) hsl(159,31%,28%)
#5E4F31 rgb(94,79,49) hsl(40,31%,28%)