HEX #315559 color — Spectra

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

Color codes

copy icon
copy icon
copy icon

Palette

315559 color palette from light to dark

HEX RGB HSL
#f5f9fa rgb(245,249,250) hsl(186,29%,97%)
#e5eff1 rgb(229,239,241) hsl(186,29%,92%)
#d4e6e7 rgb(212,230,231) hsl(186,29%,87%)
#c4dcde rgb(196,220,222) hsl(186,29%,82%)
#b3d2d5 rgb(179,210,213) hsl(186,29%,77%)
#a3c8cc rgb(163,200,204) hsl(186,29%,72%)
#92bec3 rgb(146,190,195) hsl(186,29%,67%)
#82b5ba rgb(130,181,186) hsl(186,29%,62%)
#72abb1 rgb(114,171,177) hsl(186,29%,57%)
#61a1a8 rgb(97,161,168) hsl(186,29%,52%)
#55949b rgb(85,148,155) hsl(186,29%,47%)
#4c848a rgb(76,132,138) hsl(186,29%,42%)
#43747a rgb(67,116,122) hsl(186,29%,37%)
#3a6569 rgb(58,101,105) hsl(186,29%,32%)
#315559 rgb(49,85,89) hsl(186,29%,27%)
#284548 rgb(40,69,72) hsl(186,29%,22%)
#1f3538 rgb(31,53,56) hsl(186,29%,17%)
#162627 rgb(22,38,39) hsl(186,29%,12%)
#0d1617 rgb(13,22,23) hsl(186,29%,7%)
#040607 rgb(4,6,7) hsl(186,29%,2%)

Adjacent colors

HEX RGB HSL
#315942 rgb(49,89,66) hsl(146,29%,27%)
#315559 rgb(49,85,89) hsl(186,29%,27%)
#313B59 rgb(49,59,89) hsl(225,29%,27%)

Monochromatic colors

HEX RGB HSL
#386367 rgb(56,99,103) hsl(185,30%,31%)
#315559 rgb(49,85,89) hsl(186,29%,27%)
#29474A rgb(41,71,74) hsl(185,29%,23%)
#213B3C rgb(33,59,60) hsl(182,29%,18%)
#192B2E rgb(25,43,46) hsl(189,30%,14%)
#111F20 rgb(17,31,32) hsl(184,31%,10%)

Triad color palettes

HEX RGB HSL
#315559 rgb(49,85,89) hsl(186,29%,27%)
#593041 rgb(89,48,65) hsl(335,30%,27%)
#594A31 rgb(89,74,49) hsl(38,29%,27%)

Tetrad color palettes

HEX RGB HSL
#315559 rgb(49,85,89) hsl(186,29%,27%)
#593631 rgb(89,54,49) hsl(8,29%,27%)
#315949 rgb(49,89,73) hsl(156,29%,27%)
#594A31 rgb(89,74,49) hsl(38,29%,27%)