HEX #31545C color — Spectra

The color #31545C is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

31545C color palette from light to dark

HEX RGB HSL
#f8fbfb rgb(248,251,251) hsl(191,30%,98%)
#e8f1f3 rgb(232,241,243) hsl(191,30%,93%)
#d7e6ea rgb(215,230,234) hsl(191,30%,88%)
#c7dce1 rgb(199,220,225) hsl(191,30%,83%)
#b6d2d8 rgb(182,210,216) hsl(191,30%,78%)
#a5c7cf rgb(165,199,207) hsl(191,30%,73%)
#95bdc6 rgb(149,189,198) hsl(191,30%,68%)
#84b3bd rgb(132,179,189) hsl(191,30%,63%)
#74a8b4 rgb(116,168,180) hsl(191,30%,58%)
#639eab rgb(99,158,171) hsl(191,30%,53%)
#56929f rgb(86,146,159) hsl(191,30%,48%)
#4d828f rgb(77,130,143) hsl(191,30%,43%)
#44737e rgb(68,115,126) hsl(191,30%,38%)
#3b646d rgb(59,100,109) hsl(191,30%,33%)
#32555d rgb(50,85,93) hsl(191,30%,28%)
#29464c rgb(41,70,76) hsl(191,30%,23%)
#20373c rgb(32,55,60) hsl(191,30%,18%)
#17272b rgb(23,39,43) hsl(191,30%,13%)
#0e181b rgb(14,24,27) hsl(191,30%,8%)
#05090a rgb(5,9,10) hsl(191,30%,3%)

Adjacent colors

HEX RGB HSL
#315C47 rgb(49,92,71) hsl(151,30%,28%)
#31545C rgb(49,84,92) hsl(191,30%,28%)
#31385C rgb(49,56,92) hsl(230,30%,28%)

Monochromatic colors

HEX RGB HSL
#38616A rgb(56,97,106) hsl(191,31%,32%)
#31545C rgb(49,84,92) hsl(191,30%,28%)
#29474D rgb(41,71,77) hsl(190,31%,23%)
#21383E rgb(33,56,62) hsl(192,31%,19%)
#192B2F rgb(25,43,47) hsl(191,31%,14%)
#111F21 rgb(17,31,33) hsl(188,32%,10%)

Triad color palettes

HEX RGB HSL
#31545C rgb(49,84,92) hsl(191,30%,28%)
#5C303E rgb(92,48,62) hsl(341,31%,27%)
#5C4F31 rgb(92,79,49) hsl(42,30%,28%)

Tetrad color palettes

HEX RGB HSL
#31545C rgb(49,84,92) hsl(191,30%,28%)
#5C3831 rgb(92,56,49) hsl(10,30%,28%)
#315C4E rgb(49,92,78) hsl(160,30%,28%)
#5C4F31 rgb(92,79,49) hsl(42,30%,28%)