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