HEX #315C56 color — Spectra

The color #315C56 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

315C56 color palette from light to dark

HEX RGB HSL
#f8fbfb rgb(248,251,251) hsl(172,30%,98%)
#e8f3f1 rgb(232,243,241) hsl(172,30%,93%)
#d7eae7 rgb(215,234,231) hsl(172,30%,88%)
#c7e1dd rgb(199,225,221) hsl(172,30%,83%)
#b6d8d3 rgb(182,216,211) hsl(172,30%,78%)
#a5cfc9 rgb(165,207,201) hsl(172,30%,73%)
#95c6bf rgb(149,198,191) hsl(172,30%,68%)
#84bdb5 rgb(132,189,181) hsl(172,30%,63%)
#74b4ab rgb(116,180,171) hsl(172,30%,58%)
#63aba2 rgb(99,171,162) hsl(172,30%,53%)
#569f95 rgb(86,159,149) hsl(172,30%,48%)
#4d8f86 rgb(77,143,134) hsl(172,30%,43%)
#447e76 rgb(68,126,118) hsl(172,30%,38%)
#3b6d67 rgb(59,109,103) hsl(172,30%,33%)
#325d57 rgb(50,93,87) hsl(172,30%,28%)
#294c48 rgb(41,76,72) hsl(172,30%,23%)
#203c38 rgb(32,60,56) hsl(172,30%,18%)
#172b28 rgb(23,43,40) hsl(172,30%,13%)
#0e1b19 rgb(14,27,25) hsl(172,30%,8%)
#050a09 rgb(5,10,9) hsl(172,30%,3%)

Adjacent colors

HEX RGB HSL
#315C39 rgb(49,92,57) hsl(131,30%,28%)
#315C56 rgb(49,92,86) hsl(172,30%,28%)
#31455C rgb(49,69,92) hsl(212,30%,28%)

Monochromatic colors

HEX RGB HSL
#386B63 rgb(56,107,99) hsl(171,31%,32%)
#315C56 rgb(49,92,86) hsl(172,30%,28%)
#294D48 rgb(41,77,72) hsl(172,31%,23%)
#21403A rgb(33,64,58) hsl(168,32%,19%)
#19302C rgb(25,48,44) hsl(170,32%,14%)
#11211E rgb(17,33,30) hsl(169,32%,10%)

Triad color palettes

HEX RGB HSL
#315C56 rgb(49,92,86) hsl(172,30%,28%)
#5C304C rgb(92,48,76) hsl(322,31%,27%)
#5C4031 rgb(92,64,49) hsl(21,30%,28%)

Tetrad color palettes

HEX RGB HSL
#315C56 rgb(49,92,86) hsl(172,30%,28%)
#5C3037 rgb(92,48,55) hsl(350,31%,27%)
#315C40 rgb(49,92,64) hsl(141,30%,28%)
#5C4031 rgb(92,64,49) hsl(21,30%,28%)