Card View background color affects shadow color
<p>I have my Card View set up like this:</p>

<pre><code>android:layout_marginTop="2dp"
android:layout_marginLeft="6dp"
android:layout_marginRight="6dp"
card_view:cardCornerRadius="2dp"
card_view:cardElevation="6dp"
card_view:cardUseCompatPadding="true"
card_view:contentPadding="10p"
</code></pre>

<p>Without a background color my Card View looks perfect like this:</p>

<p><a href="https://i.stack.imgur.com/DHg6U.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DHg6U.png" alt="enter image description here"></a></p>

<p>However, when I add the simple property:</p>

<pre><code>card_view:cardBackgroundColor="#xxxxxxxx"
</code></pre>

<p>the shadows change significantly in terms of color, transparency, blur etc.</p>

<p><a href="https://i.stack.imgur.com/RO7vI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RO7vI.png" alt="enter image description here"></a></p>

<p>How might I go about fixing this? I tried using a <code>RelativeLayout</code> as the background and changing the color there, so it wouldn't affect the shadows... but that affected the rounded corners.</p>

<p>Any ideas? Thanks for the help!</p>