Contextual Colors

#8760fb

Primary

.bg-primary

#01b8ff

Info

.bg-info

#eb6f33

Secondary

.bg-secondary

#ffc107

Warning

.bg-warning

#ff473d

Danger

.bg-danger

#03c895

Success

.bg-success

Transparent Colors

rgba(135, 96, 251, 0.2)

Primary

.bg-primary-transparent

rgba(236, 131, 27, 0.2)

Secondary

.bg-secondary-transparent

rgba(56, 210, 80, 0.2)

Success

.bg-success-transparent

rgba(253, 160, 8, 0.2)

Warning

.bg-warning-transparent

rgba(255, 71, 61, 0.2)

Danger

.bg-danger-transparent

rgba(1, 184, 255, 0.2)

Info

.bg-info-transparent

Other Colors

#0768f1

Blue

.bg-blue

#00cccc

Teal

.bg-teal

#45aaf2

Azure

.bg-azure

#fd892b

Orange

.bg-orange

#17a2b8

Cyan

.bg-cyan

#ffc107

Yellow

.bg-yellow

#8c9196

Gray

.bg-gray

#6f42c1

Purple

.bg-purple

#0de00d

Lime

.bg-lime

#343a40

Gray-dark

.bg-gray-dark

#0eef04

Green

.bg-green

#f10075

Pink

.bg-pink

#fb0d0d

Red

.bg-red

#4b0082

Indigo

.bg-indigo

#eb6f33

Maroon

.bg-maroon

#eb6f33

Aqua

.bg-aqua