HEX #314145 color — Limed Spruce
The color #314145 is a dark shade and slightly desaturated.
Palette
314145 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(192,17%,98%) |
#eaeff0 |
rgb(234,239,240) |
hsl(192,17%,93%) |
#dbe4e6 |
rgb(219,228,230) |
hsl(192,17%,88%) |
#ccd8db |
rgb(204,216,219) |
hsl(192,17%,83%) |
#bdcdd0 |
rgb(189,205,208) |
hsl(192,17%,78%) |
#aec1c6 |
rgb(174,193,198) |
hsl(192,17%,73%) |
#a0b6bb |
rgb(160,182,187) |
hsl(192,17%,68%) |
#91aab1 |
rgb(145,170,177) |
hsl(192,17%,63%) |
#829fa6 |
rgb(130,159,166) |
hsl(192,17%,58%) |
#73939c |
rgb(115,147,156) |
hsl(192,17%,53%) |
#66878f |
rgb(102,135,143) |
hsl(192,17%,48%) |
#5b7980 |
rgb(91,121,128) |
hsl(192,17%,43%) |
#506b71 |
rgb(80,107,113) |
hsl(192,17%,38%) |
#465d62 |
rgb(70,93,98) |
hsl(192,17%,33%) |
#3b4f54 |
rgb(59,79,84) |
hsl(192,17%,28%) |
#314145 |
rgb(49,65,69) |
hsl(192,17%,23%) |
#263336 |
rgb(38,51,54) |
hsl(192,17%,18%) |
#1c2527 |
rgb(28,37,39) |
hsl(192,17%,13%) |
#111618 |
rgb(17,22,24) |
hsl(192,17%,8%) |
#060809 |
rgb(6,8,9) |
hsl(192,17%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#31453B |
rgb(49,69,59) |
hsl(150,17%,23%) |
#314145 |
rgb(49,65,69) |
hsl(192,17%,23%) |
#313345 |
rgb(49,51,69) |
hsl(234,17%,23%) |
Monochromatic colors
HEX |
RGB |
HSL |
#384D50 |
rgb(56,77,80) |
hsl(188,18%,27%) |
#314145 |
rgb(49,65,69) |
hsl(192,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 |
#314145 |
rgb(49,65,69) |
hsl(192,17%,23%) |
#453037 |
rgb(69,48,55) |
hsl(340,18%,23%) |
#454031 |
rgb(69,64,49) |
hsl(45,17%,23%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314145 |
rgb(49,65,69) |
hsl(192,17%,23%) |
#453631 |
rgb(69,54,49) |
hsl(15,17%,23%) |
#31453F |
rgb(49,69,63) |
hsl(162,17%,23%) |
#454031 |
rgb(69,64,49) |
hsl(45,17%,23%) |