Background Colors

Primary

#3550DC

Secondary

#FE9738

warning

#F9B801

info

#0080FF

success

#01B664

danger

#FF0000

light

#F3F4F6

dark

#01060B

.bg-primary

.bg-secondary

.bg-warning

.bg-info

.bg-success

.bg-danger

.bg-light

.bg-dark

Background transparent colors

.bg-primary-transparent

.bg-secondary-transparent

.bg-warning-transparent

.bg-info-transparent

.bg-success-transparent

.bg-danger-transparent

.bg-light-transparent

.bg-dark-transparent

Background gradients

.bg-primary-gradient

.bg-secondary-gradient

.bg-warning-gradient

.bg-info-gradient

.bg-success-gradient

.bg-danger-gradient

.bg-light-gradient

.bg-dark-gradient

Background outline colors

.bg-outline-primary

.bg-outline-secondary

.bg-outline-warning

.bg-outline-info

.bg-outline-success

.bg-outline-danger

.bg-outline-light

.bg-outline-dark

Border Colors

.border-primary

.border-secondary

.border-warning

.border-info

.border-success

.border-danger

.border-light

.border-dark

Text Colors
primary

.text-primary

secondary

.text-secondary

warning

.text-warning

info

.text-info

success

.text-success

danger

.text-danger

light

.text-light

dark

.text-dark

muted

.text-muted

Text Opacity
Opacity-100

100% opacity

Opacity-100

.text-opacity-75

Opacity-100

.text-opacity-50

Opacity-100

.text-opacity-25

Other Colors
$gray-100
$gray-200
$gray-300
$gray-400
$gray-500
$gray-600
$gray-700
$gray-800
$gray-900
$gray
Background Opacity
100%

.bg-opacity-100

75%

.bg-opacity-75

50%

.bg-opacity-50

25%

.bg-opacity-25

10%

.bg-opacity-10

Callout
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.