### Colors

Convey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too.

Colors on Bootstrap

##### Text colors

##### .text-primary

##### .text-primary-emphasis

##### .text-secondary

##### .text-secondary-emphasis

##### .text-success

##### .text-success-emphasis

##### .text-danger

##### .text-danger-emphasis

##### .text-warning

##### .text-warning-emphasis

##### .text-info

##### .text-info-emphasis

##### .text-dark

##### .text-dark-emphasis

##### .text-light

##### .text-light-emphasis

##### .text-body

##### .text-body-emphasis

##### .text-body-secondary

##### .text-body-tertiary

##### .text-black

##### .text-white

##### .text-black-50

##### .text-white-50

##### .text-1000

##### .text-900

##### .text-800

##### .text-700

##### .text-600

##### .text-500

##### .text-400

##### .text-300

##### .text-200

##### .text-100

    <h5 class="text-primary">.text-primary</h5>
    <h5 class="text-primary-emphasis">.text-primary-emphasis</h5>
    <h5 class="text-secondary">.text-secondary</h5>
    <h5 class="text-secondary-emphasis">.text-secondary-emphasis</h5>
    <h5 class="text-success">.text-success</h5>
    <h5 class="text-success-emphasis">.text-success-emphasis</h5>
    <h5 class="text-danger">.text-danger</h5>
    <h5 class="text-danger-emphasis">.text-danger-emphasis</h5>
    <h5 class="text-warning">.text-warning</h5>
    <h5 class="text-warning-emphasis">.text-warning-emphasis</h5>
    <h5 class="text-info">.text-info</h5>
    <h5 class="text-info-emphasis">.text-info-emphasis</h5>
    <h5 class="text-dark"> <span class="bg-light">.text-dark</span></h5>
    <h5 class="text-dark-emphasis">.text-dark-emphasis</h5>
    <h5 class="text-light"><span class="bg-dark">.text-light</span></h5>
    <h5 class="text-light-emphasis">.text-light-emphasis</h5><br />
    <h5 class="text-body">.text-body</h5>
    <h5 class="text-body-emphasis">.text-body-emphasis</h5>
    <h5 class="text-body-secondary">.text-body-secondary</h5>
    <h5 class="text-body-tertiary">.text-body-tertiary</h5><br />
    <h5 class="text-black"><span class="bg-light">.text-black</span></h5>
    <h5 class="text-white"> <span class="bg-dark">.text-white</span></h5>
    <h5 class="text-black-50"><span class="bg-light">.text-black-50</span></h5>
    <h5 class="text-white-50"><span class="bg-dark">.text-white-50</span></h5><br />
    <h5 class="text-1000">.text-1000</h5>
    <h5 class="text-900">.text-900</h5>
    <h5 class="text-800">.text-800</h5>
    <h5 class="text-700">.text-700</h5>
    <h5 class="text-600">.text-600</h5>
    <h5 class="text-500">.text-500</h5>
    <h5 class="text-400">.text-400</h5>
    <h5 class="text-300">.text-300</h5>
    <h5 class="text-200">.text-200</h5>
    <h5 class="text-100"><span class="bg-dark dark__bg-light">.text-100</span></h5>

##### Text opacity

##### This is default primary text

##### This is 75% opacity primary text

##### This is 50% opacity primary text

##### This is 25% opacity primary text

    <h5 class="text-primary">This is default primary text</h5>
    <h5 class="text-primary text-opacity-75">This is 75% opacity primary text</h5>
    <h5 class="text-primary text-opacity-50">This is 50% opacity primary text</h5>
    <h5 class="text-primary text-opacity-25">This is 25% opacity primary text</h5>

#### Register

Please create your free Falcon account

Name
Email address
Password
Confirm Password
I accept the terms and privacy policy

or register with
google
facebook

##### Settings

Set your own customized style

##### Color Scheme

Choose the perfect color mode for your app.

##### RTL Mode

Switch your language direction

RTL Documentation

##### Fluid Layout

Toggle container layout system

Fluid Documentation

##### Navigation Position

Select a suitable navigation system for your web application

##### Vertical Navbar Style

Switch between styles for your vertical navbar

See Documentation

##### Like What You See?

Get Falcon now and create beautiful dashboards with hundreds of widgets.

Purchase
customize