HEX #3A4C55 color — Limed Spruce
The color #3a4c55 is a dark shade and slightly desaturated.
Palette
3a4c55 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(200,19%,98%) |
#eaeef1 |
rgb(234,238,241) |
hsl(200,19%,93%) |
#dbe2e6 |
rgb(219,226,230) |
hsl(200,19%,88%) |
#cbd6dc |
rgb(203,214,220) |
hsl(200,19%,83%) |
#bccad2 |
rgb(188,202,210) |
hsl(200,19%,78%) |
#adbfc7 |
rgb(173,191,199) |
hsl(200,19%,73%) |
#9eb3bd |
rgb(158,179,189) |
hsl(200,19%,68%) |
#8fa7b3 |
rgb(143,167,179) |
hsl(200,19%,63%) |
#809ba8 |
rgb(128,155,168) |
hsl(200,19%,58%) |
#708f9e |
rgb(112,143,158) |
hsl(200,19%,53%) |
#638292 |
rgb(99,130,146) |
hsl(200,19%,48%) |
#597582 |
rgb(89,117,130) |
hsl(200,19%,43%) |
#4e6773 |
rgb(78,103,115) |
hsl(200,19%,38%) |
#445964 |
rgb(68,89,100) |
hsl(200,19%,33%) |
#3a4c55 |
rgb(58,76,85) |
hsl(200,19%,28%) |
#303e46 |
rgb(48,62,70) |
hsl(200,19%,23%) |
#253137 |
rgb(37,49,55) |
hsl(200,19%,18%) |
#1b2327 |
rgb(27,35,39) |
hsl(200,19%,13%) |
#111618 |
rgb(17,22,24) |
hsl(200,19%,8%) |
#060809 |
rgb(6,8,9) |
hsl(200,19%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A544C |
rgb(58,84,76) |
hsl(162,18%,28%) |
#3A4C55 |
rgb(58,76,85) |
hsl(200,19%,28%) |
#3A3B55 |
rgb(58,59,85) |
hsl(238,19%,28%) |
Monochromatic colors
HEX |
RGB |
HSL |
#435962 |
rgb(67,89,98) |
hsl(197,19%,32%) |
#3A4C55 |
rgb(58,76,85) |
hsl(200,19%,28%) |
#304047 |
rgb(48,64,71) |
hsl(198,19%,23%) |
#273339 |
rgb(39,51,57) |
hsl(200,19%,19%) |
#1E262C |
rgb(30,38,44) |
hsl(206,19%,15%) |
#141C1E |
rgb(20,28,30) |
hsl(192,20%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A4C55 |
rgb(58,76,85) |
hsl(200,19%,28%) |
#553B3E |
rgb(85,59,62) |
hsl(353,18%,28%) |
#55523A |
rgb(85,82,58) |
hsl(53,19%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A4C55 |
rgb(58,76,85) |
hsl(200,19%,28%) |
#55423A |
rgb(85,66,58) |
hsl(18,19%,28%) |
#3A5450 |
rgb(58,84,80) |
hsl(171,18%,28%) |
#55523A |
rgb(85,82,58) |
hsl(53,19%,28%) |