HEX #313E45 color — Limed Spruce
The color #313e45 is a dark shade and slightly desaturated.
Palette
313e45 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(201,17%,98%) |
#eaeef0 |
rgb(234,238,240) |
hsl(201,17%,93%) |
#dbe2e6 |
rgb(219,226,230) |
hsl(201,17%,88%) |
#ccd6db |
rgb(204,214,219) |
hsl(201,17%,83%) |
#bdcad0 |
rgb(189,202,208) |
hsl(201,17%,78%) |
#aebec6 |
rgb(174,190,198) |
hsl(201,17%,73%) |
#a0b2bb |
rgb(160,178,187) |
hsl(201,17%,68%) |
#91a5b1 |
rgb(145,165,177) |
hsl(201,17%,63%) |
#8299a6 |
rgb(130,153,166) |
hsl(201,17%,58%) |
#738d9c |
rgb(115,141,156) |
hsl(201,17%,53%) |
#66818f |
rgb(102,129,143) |
hsl(201,17%,48%) |
#5b7380 |
rgb(91,115,128) |
hsl(201,17%,43%) |
#506671 |
rgb(80,102,113) |
hsl(201,17%,38%) |
#465862 |
rgb(70,88,98) |
hsl(201,17%,33%) |
#3b4b54 |
rgb(59,75,84) |
hsl(201,17%,28%) |
#313e45 |
rgb(49,62,69) |
hsl(201,17%,23%) |
#263036 |
rgb(38,48,54) |
hsl(201,17%,18%) |
#1c2327 |
rgb(28,35,39) |
hsl(201,17%,13%) |
#111518 |
rgb(17,21,24) |
hsl(201,17%,8%) |
#060809 |
rgb(6,8,9) |
hsl(201,17%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#31453E |
rgb(49,69,62) |
hsl(159,17%,23%) |
#313E45 |
rgb(49,62,69) |
hsl(201,17%,23%) |
#313045 |
rgb(49,48,69) |
hsl(243,18%,23%) |
Monochromatic colors
HEX |
RGB |
HSL |
#384750 |
rgb(56,71,80) |
hsl(203,18%,27%) |
#313E45 |
rgb(49,62,69) |
hsl(201,17%,23%) |
#293339 |
rgb(41,51,57) |
hsl(203,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 |
#313E45 |
rgb(49,62,69) |
hsl(201,17%,23%) |
#453034 |
rgb(69,48,52) |
hsl(349,18%,23%) |
#454231 |
rgb(69,66,49) |
hsl(51,17%,23%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#313E45 |
rgb(49,62,69) |
hsl(201,17%,23%) |
#453831 |
rgb(69,56,49) |
hsl(21,17%,23%) |
#314542 |
rgb(49,69,66) |
hsl(171,17%,23%) |
#454231 |
rgb(69,66,49) |
hsl(51,17%,23%) |