HEX #31545B color — Spectra

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

Color codes

copy icon
copy icon
copy icon

Palette

31545B color palette from light to dark

HEX RGB HSL
#f5f9fa rgb(245,249,250) hsl(190,30%,97%)
#e4eff1 rgb(228,239,241) hsl(190,30%,92%)
#d4e4e8 rgb(212,228,232) hsl(190,30%,87%)
#c3dadf rgb(195,218,223) hsl(190,30%,82%)
#b3d0d6 rgb(179,208,214) hsl(190,30%,77%)
#a2c6cd rgb(162,198,205) hsl(190,30%,72%)
#92bcc4 rgb(146,188,196) hsl(190,30%,67%)
#81b1bb rgb(129,177,187) hsl(190,30%,62%)
#70a7b2 rgb(112,167,178) hsl(190,30%,57%)
#609da9 rgb(96,157,169) hsl(190,30%,52%)
#54909c rgb(84,144,156) hsl(190,30%,47%)
#4b818b rgb(75,129,139) hsl(190,30%,42%)
#42717b rgb(66,113,123) hsl(190,30%,37%)
#39626a rgb(57,98,106) hsl(190,30%,32%)
#30535a rgb(48,83,90) hsl(190,30%,27%)
#274349 rgb(39,67,73) hsl(190,30%,22%)
#1e3438 rgb(30,52,56) hsl(190,30%,17%)
#152528 rgb(21,37,40) hsl(190,30%,12%)
#0c1517 rgb(12,21,23) hsl(190,30%,7%)
#040607 rgb(4,6,7) hsl(190,30%,2%)

Adjacent colors

HEX RGB HSL
#315C46 rgb(49,92,70) hsl(149,30%,28%)
#31545B rgb(49,84,91) hsl(190,30%,27%)
#31385B rgb(49,56,91) hsl(230,30%,27%)

Monochromatic colors

HEX RGB HSL
#386169 rgb(56,97,105) hsl(190,30%,32%)
#31545B rgb(49,84,91) hsl(190,30%,27%)
#29474C rgb(41,71,76) hsl(189,30%,23%)
#21383D rgb(33,56,61) hsl(191,30%,18%)
#192B2F rgb(25,43,47) hsl(191,31%,14%)
#111F20 rgb(17,31,32) hsl(184,31%,10%)

Triad color palettes

HEX RGB HSL
#31545B rgb(49,84,91) hsl(190,30%,27%)
#5B303F rgb(91,48,63) hsl(339,31%,27%)
#5B4D31 rgb(91,77,49) hsl(40,30%,27%)

Tetrad color palettes

HEX RGB HSL
#31545B rgb(49,84,91) hsl(190,30%,27%)
#5B3831 rgb(91,56,49) hsl(10,30%,27%)
#315C4D rgb(49,92,77) hsl(159,30%,28%)
#5B4D31 rgb(91,77,49) hsl(40,30%,27%)