HEX #3A4754 color — Limed Spruce
The color #3A4754 is a dark shade and slightly desaturated.
Palette
3A4754 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(210,18%,98%) |
#eaedf0 |
rgb(234,237,240) |
hsl(210,18%,93%) |
#dbe0e6 |
rgb(219,224,230) |
hsl(210,18%,88%) |
#ccd4db |
rgb(204,212,219) |
hsl(210,18%,83%) |
#bdc7d1 |
rgb(189,199,209) |
hsl(210,18%,78%) |
#aebac7 |
rgb(174,186,199) |
hsl(210,18%,73%) |
#9fadbc |
rgb(159,173,188) |
hsl(210,18%,68%) |
#90a1b2 |
rgb(144,161,178) |
hsl(210,18%,63%) |
#8194a7 |
rgb(129,148,167) |
hsl(210,18%,58%) |
#72879d |
rgb(114,135,157) |
hsl(210,18%,53%) |
#647a90 |
rgb(100,122,144) |
hsl(210,18%,48%) |
#5a6e81 |
rgb(90,110,129) |
hsl(210,18%,43%) |
#4f6172 |
rgb(79,97,114) |
hsl(210,18%,38%) |
#455463 |
rgb(69,84,99) |
hsl(210,18%,33%) |
#3b4754 |
rgb(59,71,84) |
hsl(210,18%,28%) |
#303b45 |
rgb(48,59,69) |
hsl(210,18%,23%) |
#262e36 |
rgb(38,46,54) |
hsl(210,18%,18%) |
#1b2127 |
rgb(27,33,39) |
hsl(210,18%,13%) |
#111418 |
rgb(17,20,24) |
hsl(210,18%,8%) |
#060809 |
rgb(6,8,9) |
hsl(210,18%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A544F |
rgb(58,84,79) |
hsl(168,18%,28%) |
#3A4754 |
rgb(58,71,84) |
hsl(210,18%,28%) |
#3E3B54 |
rgb(62,59,84) |
hsl(247,17%,28%) |
Monochromatic colors
HEX |
RGB |
HSL |
#435261 |
rgb(67,82,97) |
hsl(210,18%,32%) |
#3A4754 |
rgb(58,71,84) |
hsl(210,18%,28%) |
#303B46 |
rgb(48,59,70) |
hsl(210,19%,23%) |
#273039 |
rgb(39,48,57) |
hsl(210,19%,19%) |
#1E242B |
rgb(30,36,43) |
hsl(212,18%,14%) |
#141A1E |
rgb(20,26,30) |
hsl(204,20%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A4754 |
rgb(58,71,84) |
hsl(210,18%,28%) |
#543B3A |
rgb(84,59,58) |
hsl(2,18%,28%) |
#54543A |
rgb(84,84,58) |
hsl(60,18%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A4754 |
rgb(58,71,84) |
hsl(210,18%,28%) |
#54473A |
rgb(84,71,58) |
hsl(30,18%,28%) |
#3A5454 |
rgb(58,84,84) |
hsl(180,18%,28%) |
#54543A |
rgb(84,84,58) |
hsl(60,18%,28%) |