HEX #313C45 color — Limed Spruce
The color #313c45 is a dark shade and slightly desaturated.
Palette
313c45 color palette from light to dark
| HEX |
RGB |
HSL |
| #f9fafb |
rgb(249,250,251) |
hsl(207,17%,98%) |
| #eaedf0 |
rgb(234,237,240) |
hsl(207,17%,93%) |
| #dbe1e6 |
rgb(219,225,230) |
hsl(207,17%,88%) |
| #ccd4db |
rgb(204,212,219) |
hsl(207,17%,83%) |
| #bdc8d0 |
rgb(189,200,208) |
hsl(207,17%,78%) |
| #aebbc6 |
rgb(174,187,198) |
hsl(207,17%,73%) |
| #a0afbb |
rgb(160,175,187) |
hsl(207,17%,68%) |
| #91a2b1 |
rgb(145,162,177) |
hsl(207,17%,63%) |
| #8296a6 |
rgb(130,150,166) |
hsl(207,17%,58%) |
| #73899c |
rgb(115,137,156) |
hsl(207,17%,53%) |
| #667c8f |
rgb(102,124,143) |
hsl(207,17%,48%) |
| #5b7080 |
rgb(91,112,128) |
hsl(207,17%,43%) |
| #506371 |
rgb(80,99,113) |
hsl(207,17%,38%) |
| #465662 |
rgb(70,86,98) |
hsl(207,17%,33%) |
| #3b4954 |
rgb(59,73,84) |
hsl(207,17%,28%) |
| #313c45 |
rgb(49,60,69) |
hsl(207,17%,23%) |
| #262f36 |
rgb(38,47,54) |
hsl(207,17%,18%) |
| #1c2227 |
rgb(28,34,39) |
hsl(207,17%,13%) |
| #111518 |
rgb(17,21,24) |
hsl(207,17%,8%) |
| #060809 |
rgb(6,8,9) |
hsl(207,17%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #314540 |
rgb(49,69,64) |
hsl(165,17%,23%) |
| #313C45 |
rgb(49,60,69) |
hsl(207,17%,23%) |
| #333045 |
rgb(51,48,69) |
hsl(249,18%,23%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #384550 |
rgb(56,69,80) |
hsl(208,18%,27%) |
| #313C45 |
rgb(49,60,69) |
hsl(207,17%,23%) |
| #293339 |
rgb(41,51,57) |
hsl(203,16%,19%) |
| #21292E |
rgb(33,41,46) |
hsl(203,16%,15%) |
| #191F23 |
rgb(25,31,35) |
hsl(204,17%,12%) |
| #111418 |
rgb(17,20,24) |
hsl(214,17%,8%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #313C45 |
rgb(49,60,69) |
hsl(207,17%,23%) |
| #453032 |
rgb(69,48,50) |
hsl(354,18%,23%) |
| #454531 |
rgb(69,69,49) |
hsl(60,17%,23%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #313C45 |
rgb(49,60,69) |
hsl(207,17%,23%) |
| #453B31 |
rgb(69,59,49) |
hsl(30,17%,23%) |
| #314544 |
rgb(49,69,68) |
hsl(177,17%,23%) |
| #454531 |
rgb(69,69,49) |
hsl(60,17%,23%) |
