Convey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too.
Primary
HEX : #4accb1
RGB : (74, 204, 177)
RGBA : (74, 204, 177, 1)
Secondary
HEX : #9baecc
RGB : (155, 174, 204)
RGBA : (155, 174, 204, 1)
Success
HEX : #5b6be8
RGB : (91, 107, 232)
RGBA : (91, 107, 232, 1)
Danger
HEX : #ec536c
RGB : (236, 83, 108)
RGBA : (236, 83, 108, 1)
Warning
HEX : #f5b225
RGB : (245, 178, 37)
RGBA : (245, 178, 37, 1)
Info
HEX : #089de3
RGB : (8, 157, 227)
RGBA : (8, 157, 227, 1)
Pink
HEX : #4accb1
RGB : (74, 204, 177)
RGBA : (74, 204, 177, 1)
Purple
HEX : #9baecc
RGB : (155, 174, 204)
RGBA : (155, 174, 204, 1)
Dark
HEX : #313a46
RGB : (49, 58, 70)
RGBA : (49, 58, 70, 1)
Muted
HEX : #dee2e6
RGB : (222, 226, 230)
RGBA : (222, 226, 230, 1)
Light
HEX : #e7eff7
RGB : (222, 226, 230)
RGBA : (222, 226, 230, 1)
white
HEX : #ffffff
RGB : (255, 255, 255)
RGBA : (255, 255, 255, 1)
Convey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too.
.bg-primary-dark
.bg-primary
.bg-primary-light
.bg-danger-dark
.bg-danger
.bg-danger-light
.bg-dark-dark
.bg-dark
.bg-dark-light
.bg-secondary-dark
.bg-secondary
.bg-secondary-light
.bg-warning-dark
.bg-warning
.bg-warning-light
.bg-purple-dark
.bg-purple
.bg-purple-light
.bg-success-dark
.bg-success
.bg-success-light
.bg-info-dark
.bg-info
.bg-info-light
.bg-pink-dark
.bg-pink
.bg-pink-light