HEX #315C57 color — Spectra

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

Color codes

copy icon
copy icon
copy icon

Palette

315C57 color palette from light to dark

HEX RGB HSL
#f8fbfb rgb(248,251,251) hsl(173,30%,98%)
#e8f3f1 rgb(232,243,241) hsl(173,30%,93%)
#d7eae7 rgb(215,234,231) hsl(173,30%,88%)
#c7e1de rgb(199,225,222) hsl(173,30%,83%)
#b6d8d4 rgb(182,216,212) hsl(173,30%,78%)
#a5cfca rgb(165,207,202) hsl(173,30%,73%)
#95c6c0 rgb(149,198,192) hsl(173,30%,68%)
#84bdb6 rgb(132,189,182) hsl(173,30%,63%)
#74b4ad rgb(116,180,173) hsl(173,30%,58%)
#63aba3 rgb(99,171,163) hsl(173,30%,53%)
#569f97 rgb(86,159,151) hsl(173,30%,48%)
#4d8f87 rgb(77,143,135) hsl(173,30%,43%)
#447e77 rgb(68,126,119) hsl(173,30%,38%)
#3b6d68 rgb(59,109,104) hsl(173,30%,33%)
#325d58 rgb(50,93,88) hsl(173,30%,28%)
#294c48 rgb(41,76,72) hsl(173,30%,23%)
#203c38 rgb(32,60,56) hsl(173,30%,18%)
#172b29 rgb(23,43,41) hsl(173,30%,13%)
#0e1b19 rgb(14,27,25) hsl(173,30%,8%)
#050a09 rgb(5,10,9) hsl(173,30%,3%)

Adjacent colors

HEX RGB HSL
#315C3A rgb(49,92,58) hsl(133,30%,28%)
#315C57 rgb(49,92,87) hsl(173,30%,28%)
#31455C rgb(49,69,92) hsl(212,30%,28%)

Monochromatic colors

HEX RGB HSL
#386B64 rgb(56,107,100) hsl(172,31%,32%)
#315C57 rgb(49,92,87) hsl(173,30%,28%)
#294D49 rgb(41,77,73) hsl(173,31%,23%)
#21403B rgb(33,64,59) hsl(170,32%,19%)
#19302D rgb(25,48,45) hsl(172,32%,14%)
#11211F rgb(17,33,31) hsl(173,32%,10%)

Triad color palettes

HEX RGB HSL
#315C57 rgb(49,92,87) hsl(173,30%,28%)
#5C304B rgb(92,48,75) hsl(323,31%,27%)
#5C4231 rgb(92,66,49) hsl(24,30%,28%)

Tetrad color palettes

HEX RGB HSL
#315C57 rgb(49,92,87) hsl(173,30%,28%)
#5C3036 rgb(92,48,54) hsl(352,31%,27%)
#315C41 rgb(49,92,65) hsl(142,30%,28%)
#5C4231 rgb(92,66,49) hsl(24,30%,28%)