HEX #315E59 color — Spectra

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

Color codes

copy icon
copy icon
copy icon

Palette

315E59 color palette from light to dark

HEX RGB HSL
#f8fbfb rgb(248,251,251) hsl(173,31%,98%)
#e8f3f1 rgb(232,243,241) hsl(173,31%,93%)
#d7eae8 rgb(215,234,232) hsl(173,31%,88%)
#c6e1de rgb(198,225,222) hsl(173,31%,83%)
#b6d8d4 rgb(182,216,212) hsl(173,31%,78%)
#a5cfcb rgb(165,207,203) hsl(173,31%,73%)
#94c7c1 rgb(148,199,193) hsl(173,31%,68%)
#83beb7 rgb(131,190,183) hsl(173,31%,63%)
#73b5ad rgb(115,181,173) hsl(173,31%,58%)
#62aca4 rgb(98,172,164) hsl(173,31%,53%)
#54a097 rgb(84,160,151) hsl(173,31%,48%)
#4c9088 rgb(76,144,136) hsl(173,31%,43%)
#437f78 rgb(67,127,120) hsl(173,31%,38%)
#3a6e68 rgb(58,110,104) hsl(173,31%,33%)
#315e58 rgb(49,94,88) hsl(173,31%,28%)
#284d49 rgb(40,77,73) hsl(173,31%,23%)
#203c39 rgb(32,60,57) hsl(173,31%,18%)
#172b29 rgb(23,43,41) hsl(173,31%,13%)
#0e1b19 rgb(14,27,25) hsl(173,31%,8%)
#050a09 rgb(5,10,9) hsl(173,31%,3%)

Adjacent colors

HEX RGB HSL
#315E3B rgb(49,94,59) hsl(133,31%,28%)
#315E59 rgb(49,94,89) hsl(173,31%,28%)
#31455E rgb(49,69,94) hsl(213,31%,28%)

Monochromatic colors

HEX RGB HSL
#386E67 rgb(56,110,103) hsl(172,33%,33%)
#315E59 rgb(49,94,89) hsl(173,31%,28%)
#294F4A rgb(41,79,74) hsl(172,32%,24%)
#21403C rgb(33,64,60) hsl(172,32%,19%)
#19302E rgb(25,48,46) hsl(175,32%,14%)
#112120 rgb(17,33,32) hsl(176,32%,10%)

Triad color palettes

HEX RGB HSL
#315E59 rgb(49,94,89) hsl(173,31%,28%)
#5E304C rgb(94,48,76) hsl(323,32%,28%)
#5E4231 rgb(94,66,49) hsl(23,31%,28%)

Tetrad color palettes

HEX RGB HSL
#315E59 rgb(49,94,89) hsl(173,31%,28%)
#5E3036 rgb(94,48,54) hsl(352,32%,28%)
#315E42 rgb(49,94,66) hsl(143,31%,28%)
#5E4231 rgb(94,66,49) hsl(23,31%,28%)