HEX #313D46 color — Limed Spruce
The color #313D46 is a dark shade and slightly desaturated.
Palette
313D46 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(206,18%,98%) |
#eaeef0 |
rgb(234,238,240) |
hsl(206,18%,93%) |
#dbe1e6 |
rgb(219,225,230) |
hsl(206,18%,88%) |
#ccd5db |
rgb(204,213,219) |
hsl(206,18%,83%) |
#bdc8d1 |
rgb(189,200,209) |
hsl(206,18%,78%) |
#aebcc7 |
rgb(174,188,199) |
hsl(206,18%,73%) |
#9fafbc |
rgb(159,175,188) |
hsl(206,18%,68%) |
#90a3b2 |
rgb(144,163,178) |
hsl(206,18%,63%) |
#8196a7 |
rgb(129,150,167) |
hsl(206,18%,58%) |
#728a9d |
rgb(114,138,157) |
hsl(206,18%,53%) |
#647d90 |
rgb(100,125,144) |
hsl(206,18%,48%) |
#5a7081 |
rgb(90,112,129) |
hsl(206,18%,43%) |
#4f6372 |
rgb(79,99,114) |
hsl(206,18%,38%) |
#455663 |
rgb(69,86,99) |
hsl(206,18%,33%) |
#3b4954 |
rgb(59,73,84) |
hsl(206,18%,28%) |
#303c45 |
rgb(48,60,69) |
hsl(206,18%,23%) |
#262f36 |
rgb(38,47,54) |
hsl(206,18%,18%) |
#1b2227 |
rgb(27,34,39) |
hsl(206,18%,13%) |
#111518 |
rgb(17,21,24) |
hsl(206,18%,8%) |
#060809 |
rgb(6,8,9) |
hsl(206,18%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#314541 |
rgb(49,69,65) |
hsl(168,17%,23%) |
#313D46 |
rgb(49,61,70) |
hsl(206,18%,23%) |
#333046 |
rgb(51,48,70) |
hsl(248,19%,23%) |
Monochromatic colors
HEX |
RGB |
HSL |
#384751 |
rgb(56,71,81) |
hsl(204,18%,27%) |
#313D46 |
rgb(49,61,70) |
hsl(206,18%,23%) |
#29333A |
rgb(41,51,58) |
hsl(205,17%,19%) |
#21292F |
rgb(33,41,47) |
hsl(206,18%,16%) |
#191F24 |
rgb(25,31,36) |
hsl(207,18%,12%) |
#111719 |
rgb(17,23,25) |
hsl(195,19%,8%) |
Triad color palettes
HEX |
RGB |
HSL |
#313D46 |
rgb(49,61,70) |
hsl(206,18%,23%) |
#463032 |
rgb(70,48,50) |
hsl(355,19%,23%) |
#464531 |
rgb(70,69,49) |
hsl(57,18%,23%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#313D46 |
rgb(49,61,70) |
hsl(206,18%,23%) |
#463B31 |
rgb(70,59,49) |
hsl(29,18%,23%) |
#314544 |
rgb(49,69,68) |
hsl(177,17%,23%) |
#464531 |
rgb(70,69,49) |
hsl(57,18%,23%) |