HEX #313A45 color — Limed Spruce
The color #313a45 is a dark shade and slightly desaturated.
Palette
313a45 color palette from light to dark
| HEX |
RGB |
HSL |
| #f9fafb |
rgb(249,250,251) |
hsl(213,17%,98%) |
| #eaedf0 |
rgb(234,237,240) |
hsl(213,17%,93%) |
| #dbe0e6 |
rgb(219,224,230) |
hsl(213,17%,88%) |
| #ccd3db |
rgb(204,211,219) |
hsl(213,17%,83%) |
| #bdc6d0 |
rgb(189,198,208) |
hsl(213,17%,78%) |
| #aeb9c6 |
rgb(174,185,198) |
hsl(213,17%,73%) |
| #a0acbb |
rgb(160,172,187) |
hsl(213,17%,68%) |
| #919fb1 |
rgb(145,159,177) |
hsl(213,17%,63%) |
| #8292a6 |
rgb(130,146,166) |
hsl(213,17%,58%) |
| #73859c |
rgb(115,133,156) |
hsl(213,17%,53%) |
| #66788f |
rgb(102,120,143) |
hsl(213,17%,48%) |
| #5b6c80 |
rgb(91,108,128) |
hsl(213,17%,43%) |
| #505f71 |
rgb(80,95,113) |
hsl(213,17%,38%) |
| #465362 |
rgb(70,83,98) |
hsl(213,17%,33%) |
| #3b4654 |
rgb(59,70,84) |
hsl(213,17%,28%) |
| #313a45 |
rgb(49,58,69) |
hsl(213,17%,23%) |
| #262d36 |
rgb(38,45,54) |
hsl(213,17%,18%) |
| #1c2127 |
rgb(28,33,39) |
hsl(213,17%,13%) |
| #111418 |
rgb(17,20,24) |
hsl(213,17%,8%) |
| #060809 |
rgb(6,8,9) |
hsl(213,17%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #314542 |
rgb(49,69,66) |
hsl(171,17%,23%) |
| #313A45 |
rgb(49,58,69) |
hsl(213,17%,23%) |
| #353045 |
rgb(53,48,69) |
hsl(254,18%,23%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #384250 |
rgb(56,66,80) |
hsl(215,18%,27%) |
| #313A45 |
rgb(49,58,69) |
hsl(213,17%,23%) |
| #293039 |
rgb(41,48,57) |
hsl(214,16%,19%) |
| #21262E |
rgb(33,38,46) |
hsl(217,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 |
| #313A45 |
rgb(49,58,69) |
hsl(213,17%,23%) |
| #453331 |
rgb(69,51,49) |
hsl(6,17%,23%) |
| #444531 |
rgb(68,69,49) |
hsl(63,17%,23%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #313A45 |
rgb(49,58,69) |
hsl(213,17%,23%) |
| #453D31 |
rgb(69,61,49) |
hsl(36,17%,23%) |
| #314545 |
rgb(49,69,69) |
hsl(180,17%,23%) |
| #444531 |
rgb(68,69,49) |
hsl(63,17%,23%) |
