HEX #313D48 color — Limed Spruce
The color #313D48 is a dark shade and slightly desaturated.
Palette
313D48 color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfcfd |
rgb(252,252,253) |
hsl(209,19%,99%) |
| #edf0f3 |
rgb(237,240,243) |
hsl(209,19%,94%) |
| #dee3e8 |
rgb(222,227,232) |
hsl(209,19%,89%) |
| #ced6de |
rgb(206,214,222) |
hsl(209,19%,84%) |
| #bfcad4 |
rgb(191,202,212) |
hsl(209,19%,79%) |
| #b0bdc9 |
rgb(176,189,201) |
hsl(209,19%,74%) |
| #a1b0bf |
rgb(161,176,191) |
hsl(209,19%,69%) |
| #92a4b5 |
rgb(146,164,181) |
hsl(209,19%,64%) |
| #8397aa |
rgb(131,151,170) |
hsl(209,19%,59%) |
| #738aa0 |
rgb(115,138,160) |
hsl(209,19%,54%) |
| #657e95 |
rgb(101,126,149) |
hsl(209,19%,49%) |
| #5b7186 |
rgb(91,113,134) |
hsl(209,19%,44%) |
| #516476 |
rgb(81,100,118) |
hsl(209,19%,39%) |
| #465767 |
rgb(70,87,103) |
hsl(209,19%,34%) |
| #3c4a58 |
rgb(60,74,88) |
hsl(209,19%,29%) |
| #323e49 |
rgb(50,62,73) |
hsl(209,19%,24%) |
| #27313a |
rgb(39,49,58) |
hsl(209,19%,19%) |
| #1d242a |
rgb(29,36,42) |
hsl(209,19%,14%) |
| #13171b |
rgb(19,23,27) |
hsl(209,19%,9%) |
| #080a0c |
rgb(8,10,12) |
hsl(209,19%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #314743 |
rgb(49,71,67) |
hsl(169,18%,24%) |
| #313D48 |
rgb(49,61,72) |
hsl(209,19%,24%) |
| #343048 |
rgb(52,48,72) |
hsl(250,20%,24%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #384753 |
rgb(56,71,83) |
hsl(207,19%,27%) |
| #313D48 |
rgb(49,61,72) |
hsl(209,19%,24%) |
| #29333C |
rgb(41,51,60) |
hsl(208,19%,20%) |
| #212930 |
rgb(33,41,48) |
hsl(208,19%,16%) |
| #191F25 |
rgb(25,31,37) |
hsl(210,19%,12%) |
| #111719 |
rgb(17,23,25) |
hsl(195,19%,8%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #313D48 |
rgb(49,61,72) |
hsl(209,19%,24%) |
| #483031 |
rgb(72,48,49) |
hsl(358,20%,24%) |
| #484731 |
rgb(72,71,49) |
hsl(57,19%,24%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #313D48 |
rgb(49,61,72) |
hsl(209,19%,24%) |
| #483D31 |
rgb(72,61,49) |
hsl(31,19%,24%) |
| #314747 |
rgb(49,71,71) |
hsl(180,18%,24%) |
| #484731 |
rgb(72,71,49) |
hsl(57,19%,24%) |
