HEX #313F45 color — Limed Spruce
The color #313f45 is a dark shade and slightly desaturated.
Palette
313f45 color palette from light to dark
| HEX |
RGB |
HSL |
| #f9fafb |
rgb(249,250,251) |
hsl(198,17%,98%) |
| #eaeef0 |
rgb(234,238,240) |
hsl(198,17%,93%) |
| #dbe2e6 |
rgb(219,226,230) |
hsl(198,17%,88%) |
| #ccd7db |
rgb(204,215,219) |
hsl(198,17%,83%) |
| #bdcbd0 |
rgb(189,203,208) |
hsl(198,17%,78%) |
| #aebfc6 |
rgb(174,191,198) |
hsl(198,17%,73%) |
| #a0b3bb |
rgb(160,179,187) |
hsl(198,17%,68%) |
| #91a7b1 |
rgb(145,167,177) |
hsl(198,17%,63%) |
| #829ba6 |
rgb(130,155,166) |
hsl(198,17%,58%) |
| #738f9c |
rgb(115,143,156) |
hsl(198,17%,53%) |
| #66838f |
rgb(102,131,143) |
hsl(198,17%,48%) |
| #5b7580 |
rgb(91,117,128) |
hsl(198,17%,43%) |
| #506771 |
rgb(80,103,113) |
hsl(198,17%,38%) |
| #465a62 |
rgb(70,90,98) |
hsl(198,17%,33%) |
| #3b4c54 |
rgb(59,76,84) |
hsl(198,17%,28%) |
| #313f45 |
rgb(49,63,69) |
hsl(198,17%,23%) |
| #263136 |
rgb(38,49,54) |
hsl(198,17%,18%) |
| #1c2327 |
rgb(28,35,39) |
hsl(198,17%,13%) |
| #111618 |
rgb(17,22,24) |
hsl(198,17%,8%) |
| #060809 |
rgb(6,8,9) |
hsl(198,17%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #31453D |
rgb(49,69,61) |
hsl(156,17%,23%) |
| #313F45 |
rgb(49,63,69) |
hsl(198,17%,23%) |
| #313045 |
rgb(49,48,69) |
hsl(243,18%,23%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #384A50 |
rgb(56,74,80) |
hsl(195,18%,27%) |
| #313F45 |
rgb(49,63,69) |
hsl(198,17%,23%) |
| #293639 |
rgb(41,54,57) |
hsl(191,16%,19%) |
| #212B2E |
rgb(33,43,46) |
hsl(194,16%,15%) |
| #192123 |
rgb(25,33,35) |
hsl(192,17%,12%) |
| #111718 |
rgb(17,23,24) |
hsl(189,17%,8%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #313F45 |
rgb(49,63,69) |
hsl(198,17%,23%) |
| #453035 |
rgb(69,48,53) |
hsl(346,18%,23%) |
| #454031 |
rgb(69,64,49) |
hsl(45,17%,23%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #313F45 |
rgb(49,63,69) |
hsl(198,17%,23%) |
| #453831 |
rgb(69,56,49) |
hsl(21,17%,23%) |
| #314541 |
rgb(49,69,65) |
hsl(168,17%,23%) |
| #454031 |
rgb(69,64,49) |
hsl(45,17%,23%) |
