Created at 08/01/2019 21:04
  1.16k

Bootstrap 4 background colors

Primary
#0275d8
Success
#5cb85c
Info
#5bc0de
Warning
#f0ad4e
Danger
#d9534f
Inverse
#292b2c
Faded
#f7f7f7
Sign In to save palette in collection
The palette consists of Semi dark, Light, Dark colors. Accent colors Primary #0275d8 and Warning #f0ad4e. Palette has Cool, Neutral, Warm colors temperature.
Palette Bootstrap 4 background colors has combination of 7 codes colors:
HEX: #0275d8, RGB: (2, 117, 216); HEX: #5cb85c, RGB: (92, 184, 92); HEX: #5bc0de, RGB: (91, 192, 222)
HEX: #f0ad4e, RGB: (240, 173, 78); HEX: #d9534f, RGB: (217, 83, 79); HEX: #292b2c, RGB: (41, 43, 44)
HEX: #f7f7f7, RGB: (247, 247, 247)
Simplified version of palette colors
Tint of steelblue, Shade of mediumseagreen, Tint of skyblue, Shade of Orange, Tint of indianred, Shade of Black, Shade of whitesmoke
Color scheme was created by colorswall

Colors codes in palette

Bootstrap 4 background colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#0275d8 RGB(2, 117, 216)Primary
#5cb85c RGB(92, 184, 92)Success
#5bc0de RGB(91, 192, 222)Info
#f0ad4e RGB(240, 173, 78)Warning
#d9534f RGB(217, 83, 79)Danger
#292b2c RGB(41, 43, 44)Inverse
#f7f7f7 RGB(247, 247, 247)FadedLynx White

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#0275d8
#5cb85c
1.86
#0275d8
#d9534f
1.16
#5cb85c
#5bc0de
1.18
#5cb85c
#f0ad4e
1.27
#5cb85c
#d9534f
1.59
#5bc0de
#f0ad4e
1.07

Image palette Bootstrap 4 background colors png

Palette colors: How to use?

Click on any color to add in Palette
Quick palette
Maximum 10 palettes Compare
Click on «Compare» icon to add Palette in Compare List Palettes
Compare Palettes