HEX #3A4F57 color — Limed Spruce
The color #3A4F57 is a dark shade and slightly desaturated.
Palette
3A4F57 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(197,20%,98%) |
#eaeff1 |
rgb(234,239,241) |
hsl(197,20%,93%) |
#dae3e7 |
rgb(218,227,231) |
hsl(197,20%,88%) |
#cbd7dc |
rgb(203,215,220) |
hsl(197,20%,83%) |
#bcccd2 |
rgb(188,204,210) |
hsl(197,20%,78%) |
#acc0c8 |
rgb(172,192,200) |
hsl(197,20%,73%) |
#9db4be |
rgb(157,180,190) |
hsl(197,20%,68%) |
#8ea9b4 |
rgb(142,169,180) |
hsl(197,20%,63%) |
#7e9da9 |
rgb(126,157,169) |
hsl(197,20%,58%) |
#6f929f |
rgb(111,146,159) |
hsl(197,20%,53%) |
#628593 |
rgb(98,133,147) |
hsl(197,20%,48%) |
#587784 |
rgb(88,119,132) |
hsl(197,20%,43%) |
#4e6974 |
rgb(78,105,116) |
hsl(197,20%,38%) |
#435b65 |
rgb(67,91,101) |
hsl(197,20%,33%) |
#394e56 |
rgb(57,78,86) |
hsl(197,20%,28%) |
#2f4046 |
rgb(47,64,70) |
hsl(197,20%,23%) |
#253237 |
rgb(37,50,55) |
hsl(197,20%,18%) |
#1b2428 |
rgb(27,36,40) |
hsl(197,20%,13%) |
#101618 |
rgb(16,22,24) |
hsl(197,20%,8%) |
#060809 |
rgb(6,8,9) |
hsl(197,20%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A574B |
rgb(58,87,75) |
hsl(155,20%,28%) |
#3A4F57 |
rgb(58,79,87) |
hsl(197,20%,28%) |
#3A3B57 |
rgb(58,59,87) |
hsl(238,20%,28%) |
Monochromatic colors
HEX |
RGB |
HSL |
#435C64 |
rgb(67,92,100) |
hsl(195,20%,33%) |
#3A4F57 |
rgb(58,79,87) |
hsl(197,20%,28%) |
#304249 |
rgb(48,66,73) |
hsl(197,21%,24%) |
#27363B |
rgb(39,54,59) |
hsl(195,20%,19%) |
#1E292D |
rgb(30,41,45) |
hsl(196,20%,15%) |
#141C1F |
rgb(20,28,31) |
hsl(196,22%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A4F57 |
rgb(58,79,87) |
hsl(197,20%,28%) |
#573B40 |
rgb(87,59,64) |
hsl(349,19%,29%) |
#57523A |
rgb(87,82,58) |
hsl(50,20%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A4F57 |
rgb(58,79,87) |
hsl(197,20%,28%) |
#57423A |
rgb(87,66,58) |
hsl(17,20%,28%) |
#3A5750 |
rgb(58,87,80) |
hsl(166,20%,28%) |
#57523A |
rgb(87,82,58) |
hsl(50,20%,28%) |