Status Bar color for API Level below 21 is not changing
<p>The Status Bar color for API level 21 or above is changing according to my requirement but how to change the color for API level below 21.</p>

<p>Below are the screenshots for both the API's</p>

<p><strong>API level 21:</strong></p>

<p><img src="https://i.stack.imgur.com/aezJ4.png" width="400" /></p>

<p><strong>API level 19:</strong></p>

<p><img src="https://i.stack.imgur.com/oJNtV.png" width="400" /></p>

<p><strong>colors.xml</strong></p>

<pre><code>    &lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;resources&gt;
    &lt;color name="colorPrimary"&gt;#3F51B5&lt;/color&gt;
    &lt;color name="colorPrimaryDark"&gt;#303F9F&lt;/color&gt;
    &lt;color name="colorAccent"&gt;#FFFFFF&lt;/color&gt;
    &lt;item name="b" type="color"&gt;#FF33B5E5&lt;/item&gt;

    &lt;item name="p" type="color"&gt;#FFAA66CC&lt;/item&gt;

    &lt;item name="g" type="color"&gt;#FF99CC00&lt;/item&gt;

    &lt;item name="o" type="color"&gt;#FFFFBB33&lt;/item&gt;
&lt;/resources&gt;
</code></pre>

<p><strong>Style.xml</strong></p>

<pre><code>&lt;resources&gt;

&lt;!-- Base application theme. --&gt;
&lt;style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"&gt;
    &lt;!-- Customize your theme here. --&gt;

    &lt;item name="colorPrimary"&gt;@color/colorPrimary&lt;/item&gt;
    &lt;item name="colorPrimaryDark"&gt;@color/colorPrimaryDark&lt;/item&gt;
    &lt;item name="colorAccent"&gt;@color/colorAccent&lt;/item&gt;
    &lt;item name="windowActionBarOverlay"&gt;false&lt;/item&gt;
    &lt;item name="windowNoTitle"&gt;true&lt;/item&gt;
    &lt;item name="windowActionBar"&gt;false&lt;/item&gt;
&lt;/style&gt;

&lt;style name="AppTheme.NoActionBar"&gt;
    &lt;item name="colorPrimary"&gt;@color/colorPrimary&lt;/item&gt;
    &lt;item name="colorPrimaryDark"&gt;@color/colorPrimaryDark&lt;/item&gt;
    &lt;item name="colorAccent"&gt;@color/colorAccent&lt;/item&gt;
    &lt;item name="windowActionBar"&gt;false&lt;/item&gt;
    &lt;item name="windowNoTitle"&gt;true&lt;/item&gt;
&lt;/style&gt;

&lt;style name="MyCustomTabLayout" parent="Widget.Design.TabLayout"&gt;
    &lt;item name="tabSelectedTextColor"&gt;@color/colorAccent&lt;/item&gt;
&lt;/style&gt;

&lt;style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" /&gt;

&lt;style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" /&gt;
</code></pre>

<p></p>

<p><strong>This is what is happening when i perform the changes:</strong></p>

<p><img src="https://i.stack.imgur.com/O11ty.png" width="400" /></p>