HEX #313B45 color — Limed Spruce
The color #313b45 is a dark shade and slightly desaturated.
Palette
313b45 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(210,17%,98%) |
#eaedf0 |
rgb(234,237,240) |
hsl(210,17%,93%) |
#dbe0e6 |
rgb(219,224,230) |
hsl(210,17%,88%) |
#ccd4db |
rgb(204,212,219) |
hsl(210,17%,83%) |
#bdc7d0 |
rgb(189,199,208) |
hsl(210,17%,78%) |
#aebac6 |
rgb(174,186,198) |
hsl(210,17%,73%) |
#a0adbb |
rgb(160,173,187) |
hsl(210,17%,68%) |
#91a1b1 |
rgb(145,161,177) |
hsl(210,17%,63%) |
#8294a6 |
rgb(130,148,166) |
hsl(210,17%,58%) |
#73879c |
rgb(115,135,156) |
hsl(210,17%,53%) |
#667a8f |
rgb(102,122,143) |
hsl(210,17%,48%) |
#5b6e80 |
rgb(91,110,128) |
hsl(210,17%,43%) |
#506171 |
rgb(80,97,113) |
hsl(210,17%,38%) |
#465462 |
rgb(70,84,98) |
hsl(210,17%,33%) |
#3b4754 |
rgb(59,71,84) |
hsl(210,17%,28%) |
#313b45 |
rgb(49,59,69) |
hsl(210,17%,23%) |
#262e36 |
rgb(38,46,54) |
hsl(210,17%,18%) |
#1c2127 |
rgb(28,33,39) |
hsl(210,17%,13%) |
#111418 |
rgb(17,20,24) |
hsl(210,17%,8%) |
#060809 |
rgb(6,8,9) |
hsl(210,17%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#314541 |
rgb(49,69,65) |
hsl(168,17%,23%) |
#313B45 |
rgb(49,59,69) |
hsl(210,17%,23%) |
#343045 |
rgb(52,48,69) |
hsl(251,18%,23%) |
Monochromatic colors
HEX |
RGB |
HSL |
#384550 |
rgb(56,69,80) |
hsl(208,18%,27%) |
#313B45 |
rgb(49,59,69) |
hsl(210,17%,23%) |
#293039 |
rgb(41,48,57) |
hsl(214,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 |
#313B45 |
rgb(49,59,69) |
hsl(210,17%,23%) |
#453031 |
rgb(69,48,49) |
hsl(357,18%,23%) |
#454531 |
rgb(69,69,49) |
hsl(60,17%,23%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#313B45 |
rgb(49,59,69) |
hsl(210,17%,23%) |
#453B31 |
rgb(69,59,49) |
hsl(30,17%,23%) |
#314545 |
rgb(49,69,69) |
hsl(180,17%,23%) |
#454531 |
rgb(69,69,49) |
hsl(60,17%,23%) |