Colors

Main Colors

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

Primary

HEX : #44a2d2

RGB : (68, 162, 210)

RGBA : (68, 162, 210, 1)

Secondary

HEX : #6c757d

RGB : (108, 117, 125)

RGBA : (108, 117, 125, 1)

Success

HEX : #0acf97

RGB : (10, 207, 151)

RGBA : (10, 207, 151, 1)

Danger

HEX : #f1556c

RGB : (241, 85, 108)

RGBA : (241, 85, 108, 1)

Warning

HEX : #f9bc0b

RGB : (249, 188, 11)

RGBA : (249, 188, 11, 1)

Info

HEX : #2d7bf4

RGB : (45, 123, 244)

RGBA : (45, 123, 244, 1)

Pink

HEX : #ff679b

RGB : (255, 103, 155)

RGBA : (255, 103, 155, 1)

Purple

HEX : #777edd

RGB : (119, 126, 221)

RGBA : (119, 126, 221, 1)

Dark

HEX : #343a40

RGB : (52, 58, 64)

RGBA : (52, 58, 64, 1)

Light

HEX : #e9ecef

RGB : (233, 236, 239)

RGBA : (233, 236, 239, 1)

white

HEX : #ffffff

RGB : (255, 255, 255)

RGBA : (255, 255, 255, 1)

Costum Colors Variation

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

.bg-dark-primary
.bg-primary
.bg-primary-subtle
.bg-dark-danger
.bg-danger
.bg-danger-subtle
.bg-dark-dark
.bg-dark
.bg-dark-subtle
.bg-dark-secondary
.bg-secondary
.bg-secondary-subtle
.bg-dark-warning
.bg-warning
.bg-warning-subtle
.bg-dark-purple
.bg-purple
.bg-purple-subtle
.bg-dark-success
.bg-success
.bg-success-subtle
.bg-dark-info
.bg-info
.bg-info-subtle
.bg-dark-pink
.bg-pink
.bg-pink-subtle
© Amezia.
Crafted with by Themesbrand