HEX #315756 color — Spectra

The color #315756 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

315756 color palette from light to dark

HEX RGB HSL
#f5f9f9 rgb(245,249,249) hsl(178,28%,97%)
#e5f0f0 rgb(229,240,240) hsl(178,28%,92%)
#d5e7e7 rgb(213,231,231) hsl(178,28%,87%)
#c4dedd rgb(196,222,221) hsl(178,28%,82%)
#b4d5d4 rgb(180,213,212) hsl(178,28%,77%)
#a4ccca rgb(164,204,202) hsl(178,28%,72%)
#93c2c1 rgb(147,194,193) hsl(178,28%,67%)
#83b9b7 rgb(131,185,183) hsl(178,28%,62%)
#73b0ae rgb(115,176,174) hsl(178,28%,57%)
#62a7a5 rgb(98,167,165) hsl(178,28%,52%)
#569997 rgb(86,153,151) hsl(178,28%,47%)
#4d8987 rgb(77,137,135) hsl(178,28%,42%)
#447977 rgb(68,121,119) hsl(178,28%,37%)
#3b6867 rgb(59,104,103) hsl(178,28%,32%)
#325857 rgb(50,88,87) hsl(178,28%,27%)
#284847 rgb(40,72,71) hsl(178,28%,22%)
#1f3737 rgb(31,55,55) hsl(178,28%,17%)
#162727 rgb(22,39,39) hsl(178,28%,12%)
#0d1717 rgb(13,23,23) hsl(178,28%,7%)
#040706 rgb(4,7,6) hsl(178,28%,2%)

Adjacent colors

HEX RGB HSL
#31573C rgb(49,87,60) hsl(137,28%,27%)
#315756 rgb(49,87,86) hsl(178,28%,27%)
#314057 rgb(49,64,87) hsl(216,28%,27%)

Monochromatic colors

HEX RGB HSL
#386663 rgb(56,102,99) hsl(176,29%,31%)
#315756 rgb(49,87,86) hsl(178,28%,27%)
#294A48 rgb(41,74,72) hsl(176,29%,23%)
#213B3A rgb(33,59,58) hsl(178,28%,18%)
#192E2C rgb(25,46,44) hsl(174,30%,14%)
#111F1E rgb(17,31,30) hsl(176,29%,9%)

Triad color palettes

HEX RGB HSL
#315756 rgb(49,87,86) hsl(178,28%,27%)
#573045 rgb(87,48,69) hsl(328,29%,26%)
#574231 rgb(87,66,49) hsl(27,28%,27%)

Tetrad color palettes

HEX RGB HSL
#315756 rgb(49,87,86) hsl(178,28%,27%)
#573032 rgb(87,48,50) hsl(357,29%,26%)
#315743 rgb(49,87,67) hsl(148,28%,27%)
#574231 rgb(87,66,49) hsl(27,28%,27%)