HEX #313B46 color — Limed Spruce
The color #313B46 is a dark shade and slightly desaturated.
Palette
313B46 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(211,18%,98%) |
#eaedf0 |
rgb(234,237,240) |
hsl(211,18%,93%) |
#dbe0e6 |
rgb(219,224,230) |
hsl(211,18%,88%) |
#ccd3db |
rgb(204,211,219) |
hsl(211,18%,83%) |
#bdc7d1 |
rgb(189,199,209) |
hsl(211,18%,78%) |
#aebac7 |
rgb(174,186,199) |
hsl(211,18%,73%) |
#9fadbc |
rgb(159,173,188) |
hsl(211,18%,68%) |
#90a0b2 |
rgb(144,160,178) |
hsl(211,18%,63%) |
#8193a7 |
rgb(129,147,167) |
hsl(211,18%,58%) |
#72869d |
rgb(114,134,157) |
hsl(211,18%,53%) |
#647a90 |
rgb(100,122,144) |
hsl(211,18%,48%) |
#5a6d81 |
rgb(90,109,129) |
hsl(211,18%,43%) |
#4f6072 |
rgb(79,96,114) |
hsl(211,18%,38%) |
#455463 |
rgb(69,84,99) |
hsl(211,18%,33%) |
#3b4754 |
rgb(59,71,84) |
hsl(211,18%,28%) |
#303a45 |
rgb(48,58,69) |
hsl(211,18%,23%) |
#262e36 |
rgb(38,46,54) |
hsl(211,18%,18%) |
#1b2127 |
rgb(27,33,39) |
hsl(211,18%,13%) |
#111418 |
rgb(17,20,24) |
hsl(211,18%,8%) |
#060809 |
rgb(6,8,9) |
hsl(211,18%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#314543 |
rgb(49,69,67) |
hsl(174,17%,23%) |
#313B46 |
rgb(49,59,70) |
hsl(211,18%,23%) |
#353046 |
rgb(53,48,70) |
hsl(254,19%,23%) |
Monochromatic colors
HEX |
RGB |
HSL |
#384551 |
rgb(56,69,81) |
hsl(209,18%,27%) |
#313B46 |
rgb(49,59,70) |
hsl(211,18%,23%) |
#29303A |
rgb(41,48,58) |
hsl(215,17%,19%) |
#21292F |
rgb(33,41,47) |
hsl(206,18%,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 |
#313B46 |
rgb(49,59,70) |
hsl(211,18%,23%) |
#463031 |
rgb(70,48,49) |
hsl(357,19%,23%) |
#454531 |
rgb(69,69,49) |
hsl(60,17%,23%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#313B46 |
rgb(49,59,70) |
hsl(211,18%,23%) |
#463D31 |
rgb(70,61,49) |
hsl(34,18%,23%) |
#314546 |
rgb(49,69,70) |
hsl(183,18%,23%) |
#454531 |
rgb(69,69,49) |
hsl(60,17%,23%) |