HEX #313B47 color — Limed Spruce
The color #313B47 is a dark shade and slightly desaturated.
Palette
313B47 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(213,18%,99%) |
#edeff2 |
rgb(237,239,242) |
hsl(213,18%,94%) |
#dee2e8 |
rgb(222,226,232) |
hsl(213,18%,89%) |
#cfd5de |
rgb(207,213,222) |
hsl(213,18%,84%) |
#c0c8d3 |
rgb(192,200,211) |
hsl(213,18%,79%) |
#b1bcc9 |
rgb(177,188,201) |
hsl(213,18%,74%) |
#a2afbe |
rgb(162,175,190) |
hsl(213,18%,69%) |
#93a2b4 |
rgb(147,162,180) |
hsl(213,18%,64%) |
#8495a9 |
rgb(132,149,169) |
hsl(213,18%,59%) |
#75889f |
rgb(117,136,159) |
hsl(213,18%,54%) |
#667b93 |
rgb(102,123,147) |
hsl(213,18%,49%) |
#5c6e84 |
rgb(92,110,132) |
hsl(213,18%,44%) |
#526275 |
rgb(82,98,117) |
hsl(213,18%,39%) |
#475566 |
rgb(71,85,102) |
hsl(213,18%,34%) |
#3d4957 |
rgb(61,73,87) |
hsl(213,18%,29%) |
#323c48 |
rgb(50,60,72) |
hsl(213,18%,24%) |
#283039 |
rgb(40,48,57) |
hsl(213,18%,19%) |
#1d232a |
rgb(29,35,42) |
hsl(213,18%,14%) |
#13171b |
rgb(19,23,27) |
hsl(213,18%,9%) |
#080a0c |
rgb(8,10,12) |
hsl(213,18%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#314744 |
rgb(49,71,68) |
hsl(172,18%,24%) |
#313B47 |
rgb(49,59,71) |
hsl(213,18%,24%) |
#353047 |
rgb(53,48,71) |
hsl(253,19%,23%) |
Monochromatic colors
HEX |
RGB |
HSL |
#384552 |
rgb(56,69,82) |
hsl(210,19%,27%) |
#313B47 |
rgb(49,59,71) |
hsl(213,18%,24%) |
#29303B |
rgb(41,48,59) |
hsl(217,18%,20%) |
#212930 |
rgb(33,41,48) |
hsl(208,19%,16%) |
#191F24 |
rgb(25,31,36) |
hsl(207,18%,12%) |
#111419 |
rgb(17,20,25) |
hsl(218,19%,8%) |
Triad color palettes
HEX |
RGB |
HSL |
#313B47 |
rgb(49,59,71) |
hsl(213,18%,24%) |
#473331 |
rgb(71,51,49) |
hsl(5,18%,24%) |
#464731 |
rgb(70,71,49) |
hsl(63,18%,24%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#313B47 |
rgb(49,59,71) |
hsl(213,18%,24%) |
#473D31 |
rgb(71,61,49) |
hsl(33,18%,24%) |
#314547 |
rgb(49,69,71) |
hsl(185,18%,24%) |
#464731 |
rgb(70,71,49) |
hsl(63,18%,24%) |