Colors

1.

Colors

Use any of these color variables as they are or reassign them to more meaningful variables for your project.

primary
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$primary
More
info
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$info
More
success
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$success
More
warning
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$warning
More
danger
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$danger
More
secondary
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$secondary
More
dark
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$dark
More
black
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$black
More
light
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$light
More
white
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$white
More

2.

All Colors

All colors available in Bootstrap 4, available as Sass variables and a Sass map in our scss/_variables.scss file.

blue
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$blue
More
indigo
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$indigo
More
purple
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$purple
More
pink
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$pink
More
red
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$red
More
orange
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$orange
More
yellow
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$yellow
More
green
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$green
More
teal
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$teal
More
cyan
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$cyan
More

2.

RGBA Colors

Main Colors with Opacity from 0.1 to 0.9 for example .text-primary-100, .bg-primary-200 or .b-primary-300

3.

Social Colors

Colors are often used for social media.

facebook
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$facebook
More
twitter
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$twitter
More
lastfm
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$lastfm
More
pinterest
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$pinterest
More
linkedin
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$linkedin
More
medium
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$medium
More
skype
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$skype
More
foursquare
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$foursquare
More
android
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$android
More
spotify
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$spotify
More
youtube
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$youtube
More
windows
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$windows
More
amazon
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$amazon
More

4.

Grays

Grayscale colors provide quick access to commonly used shades of black while semantic include various colors assigned to meaningful contextual values.

gray-100
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$gray-100
More
gray-200
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$gray-200
More
gray-300
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$gray-300
More
gray-400
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$gray-400
More
gray-500
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$gray-500
More
gray-600
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$gray-600
More
gray-700
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$gray-700
More
gray-800
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$gray-800
More
gray-900
Hex
#262626
Rgba
65, 839, 220
Cmyk
71% 65% 64% 69%
Scss
$gray-900
More

5.

Gray & White RGBA

Very helpful colors useful in the design of elements on bright backgrounds.

Configurator
Nav Color
Nav Style