HEX #3A4F56 color — Limed Spruce
The color #3A4F56 is a dark shade and slightly desaturated.
Palette
3A4F56 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(195,19%,98%) |
#eaeff1 |
rgb(234,239,241) |
hsl(195,19%,93%) |
#dbe3e6 |
rgb(219,227,230) |
hsl(195,19%,88%) |
#cbd8dc |
rgb(203,216,220) |
hsl(195,19%,83%) |
#bcccd2 |
rgb(188,204,210) |
hsl(195,19%,78%) |
#adc1c7 |
rgb(173,193,199) |
hsl(195,19%,73%) |
#9eb5bd |
rgb(158,181,189) |
hsl(195,19%,68%) |
#8faab3 |
rgb(143,170,179) |
hsl(195,19%,63%) |
#809ea8 |
rgb(128,158,168) |
hsl(195,19%,58%) |
#70939e |
rgb(112,147,158) |
hsl(195,19%,53%) |
#638692 |
rgb(99,134,146) |
hsl(195,19%,48%) |
#597882 |
rgb(89,120,130) |
hsl(195,19%,43%) |
#4e6a73 |
rgb(78,106,115) |
hsl(195,19%,38%) |
#445c64 |
rgb(68,92,100) |
hsl(195,19%,33%) |
#3a4e55 |
rgb(58,78,85) |
hsl(195,19%,28%) |
#304046 |
rgb(48,64,70) |
hsl(195,19%,23%) |
#253237 |
rgb(37,50,55) |
hsl(195,19%,18%) |
#1b2427 |
rgb(27,36,39) |
hsl(195,19%,13%) |
#111618 |
rgb(17,22,24) |
hsl(195,19%,8%) |
#060809 |
rgb(6,8,9) |
hsl(195,19%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A574A |
rgb(58,87,74) |
hsl(153,20%,28%) |
#3A4F56 |
rgb(58,79,86) |
hsl(195,19%,28%) |
#3A3D56 |
rgb(58,61,86) |
hsl(234,19%,28%) |
Monochromatic colors
HEX |
RGB |
HSL |
#435C63 |
rgb(67,92,99) |
hsl(193,19%,33%) |
#3A4F56 |
rgb(58,79,86) |
hsl(195,19%,28%) |
#304248 |
rgb(48,66,72) |
hsl(195,20%,24%) |
#27363A |
rgb(39,54,58) |
hsl(193,20%,19%) |
#1E292C |
rgb(30,41,44) |
hsl(193,19%,15%) |
#141C1E |
rgb(20,28,30) |
hsl(192,20%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A4F56 |
rgb(58,79,86) |
hsl(195,19%,28%) |
#563B41 |
rgb(86,59,65) |
hsl(347,19%,28%) |
#564F3A |
rgb(86,79,58) |
hsl(45,19%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A4F56 |
rgb(58,79,86) |
hsl(195,19%,28%) |
#56403A |
rgb(86,64,58) |
hsl(13,19%,28%) |
#3A574F |
rgb(58,87,79) |
hsl(163,20%,28%) |
#564F3A |
rgb(86,79,58) |
hsl(45,19%,28%) |