HEX #3C4A55 color — Limed Spruce
The color #3C4A55 is a dark shade and slightly desaturated.
Palette
3C4A55 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(206,17%,98%) |
#eaeef0 |
rgb(234,238,240) |
hsl(206,17%,93%) |
#dbe1e6 |
rgb(219,225,230) |
hsl(206,17%,88%) |
#ccd5db |
rgb(204,213,219) |
hsl(206,17%,83%) |
#bdc8d0 |
rgb(189,200,208) |
hsl(206,17%,78%) |
#aebcc6 |
rgb(174,188,198) |
hsl(206,17%,73%) |
#a0afbb |
rgb(160,175,187) |
hsl(206,17%,68%) |
#91a3b1 |
rgb(145,163,177) |
hsl(206,17%,63%) |
#8296a6 |
rgb(130,150,166) |
hsl(206,17%,58%) |
#738a9c |
rgb(115,138,156) |
hsl(206,17%,53%) |
#667d8f |
rgb(102,125,143) |
hsl(206,17%,48%) |
#5b7080 |
rgb(91,112,128) |
hsl(206,17%,43%) |
#506371 |
rgb(80,99,113) |
hsl(206,17%,38%) |
#465662 |
rgb(70,86,98) |
hsl(206,17%,33%) |
#3b4954 |
rgb(59,73,84) |
hsl(206,17%,28%) |
#313c45 |
rgb(49,60,69) |
hsl(206,17%,23%) |
#262f36 |
rgb(38,47,54) |
hsl(206,17%,18%) |
#1c2227 |
rgb(28,34,39) |
hsl(206,17%,13%) |
#111518 |
rgb(17,21,24) |
hsl(206,17%,8%) |
#060809 |
rgb(6,8,9) |
hsl(206,17%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3C544F |
rgb(60,84,79) |
hsl(168,17%,28%) |
#3C4A55 |
rgb(60,74,85) |
hsl(206,17%,28%) |
#3E3D55 |
rgb(62,61,85) |
hsl(243,16%,29%) |
Monochromatic colors
HEX |
RGB |
HSL |
#455762 |
rgb(69,87,98) |
hsl(203,17%,33%) |
#3C4A55 |
rgb(60,74,85) |
hsl(206,17%,28%) |
#323D47 |
rgb(50,61,71) |
hsl(209,17%,24%) |
#283339 |
rgb(40,51,57) |
hsl(201,18%,19%) |
#1F262C |
rgb(31,38,44) |
hsl(208,17%,15%) |
#151A1E |
rgb(21,26,30) |
hsl(207,18%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C4A55 |
rgb(60,74,85) |
hsl(206,17%,28%) |
#553D3D |
rgb(85,61,61) |
hsl(360,16%,29%) |
#55543C |
rgb(85,84,60) |
hsl(58,17%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C4A55 |
rgb(60,74,85) |
hsl(206,17%,28%) |
#55473C |
rgb(85,71,60) |
hsl(26,17%,28%) |
#3C5453 |
rgb(60,84,83) |
hsl(178,17%,28%) |
#55543C |
rgb(85,84,60) |
hsl(58,17%,28%) |