Similar to the contextual text color classes, set the background of an element to any contextual class.

.has-primary-color

.has-secondary-colory

.has-success-color

.has-danger-color

.has-warning-color

.has-info-color

.has-light-color

.has-dark-color

.has-white-color

.has-black-color

<p class="has-primary-color">.has-primary-color</p>
<p class="has-secondary-color">.has-secondary-colory</p>
<p class="has-success-color">.has-success-color</p>
<p class="has-danger-color">.has-danger-color</p>
<p class="has-warning-color">.has-warning-color</p>
<p class="has-info-color">.has-info-color</p>
<p class="has-light-color">.has-light-color</p>
<p class="has-dark-color">.has-dark-color</p>
<p class="has-white-color">.has-white-color</p>
<p class="has-black-color">.has-black-color</p>