HEX #315255 color — Spectra

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

Color codes

copy icon
copy icon
copy icon

Palette

315255 color palette from light to dark

HEX RGB HSL
#f2f7f8 rgb(242,247,248) hsl(185,27%,96%)
#e2edee rgb(226,237,238) hsl(185,27%,91%)
#d2e3e5 rgb(210,227,229) hsl(185,27%,86%)
#c1d9dc rgb(193,217,220) hsl(185,27%,81%)
#b1d0d2 rgb(177,208,210) hsl(185,27%,76%)
#a1c6c9 rgb(161,198,201) hsl(185,27%,71%)
#91bcc0 rgb(145,188,192) hsl(185,27%,66%)
#81b2b6 rgb(129,178,182) hsl(185,27%,61%)
#71a8ad rgb(113,168,173) hsl(185,27%,56%)
#609ea4 rgb(96,158,164) hsl(185,27%,51%)
#569095 rgb(86,144,149) hsl(185,27%,46%)
#4c8085 rgb(76,128,133) hsl(185,27%,41%)
#437075 rgb(67,112,117) hsl(185,27%,36%)
#3a6164 rgb(58,97,100) hsl(185,27%,31%)
#305154 rgb(48,81,84) hsl(185,27%,26%)
#274244 rgb(39,66,68) hsl(185,27%,21%)
#1e3234 rgb(30,50,52) hsl(185,27%,16%)
#142224 rgb(20,34,36) hsl(185,27%,11%)
#0b1313 rgb(11,19,19) hsl(185,27%,6%)
#020303 rgb(2,3,3) hsl(185,27%,1%)

Adjacent colors

HEX RGB HSL
#315440 rgb(49,84,64) hsl(146,26%,26%)
#315255 rgb(49,82,85) hsl(185,27%,26%)
#313B55 rgb(49,59,85) hsl(223,27%,26%)

Monochromatic colors

HEX RGB HSL
#385E62 rgb(56,94,98) hsl(186,27%,30%)
#315255 rgb(49,82,85) hsl(185,27%,26%)
#294547 rgb(41,69,71) hsl(184,27%,22%)
#213839 rgb(33,56,57) hsl(183,27%,18%)
#192B2C rgb(25,43,44) hsl(183,28%,14%)
#111F1E rgb(17,31,30) hsl(176,29%,9%)

Triad color palettes

HEX RGB HSL
#315255 rgb(49,82,85) hsl(185,27%,26%)
#553040 rgb(85,48,64) hsl(334,28%,26%)
#554531 rgb(85,69,49) hsl(33,27%,26%)

Tetrad color palettes

HEX RGB HSL
#315255 rgb(49,82,85) hsl(185,27%,26%)
#553331 rgb(85,51,49) hsl(3,27%,26%)
#315446 rgb(49,84,70) hsl(156,26%,26%)
#554531 rgb(85,69,49) hsl(33,27%,26%)