Created at 03/03/2019 12:56
2
Bootstrap 4 background colors (classes) palette
bg-primary
#007bff
bg-secondary
#6c757d
bg-success
#28a745
bg-danger
#dc3545
bg-warning
#ffc107
bg-info
#17a2b8
bg-light
#f8f9fa
bg-dark
#343a40
bg-white
#ffffff
The palette consists of Light, Semi dark colors. Accent colors bg-primary #007bff and bg-warning #ffc107. Palette has Cool, Warm, Neutral colors temperature.
Palette Bootstrap 4 background colors (classes) palette has combination of 9 codes colors:
HEX: #007bff, RGB: (0, 123, 255); HEX: #6c757d, RGB: (108, 117, 125); HEX: #28a745, RGB: (40, 167, 69)
HEX: #dc3545, RGB: (220, 53, 69); HEX: #ffc107, RGB: (255, 193, 7); HEX: #17a2b8, RGB: (23, 162, 184)
HEX: #f8f9fa, RGB: (248, 249, 250); HEX: #343a40, RGB: (52, 58, 64); HEX: #ffffff, RGB: (255, 255, 255)
Simplified version of palette colors
Tint of steelblue, Tint of slategrey, Tint of mediumseagreen, Shade of crimson, Tint of gold, Tint of cadetblue, Shade of whitesmoke, Tint of darkslategrey, White
Color scheme was created by colorswall
Colors codes in palette
Bootstrap 4 background colors (classes) palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #007bff | RGB(0, 123, 255) | bg-primary | — | |
| #6c757d | RGB(108, 117, 125) | bg-secondary | Pompeii Ash | |
| #28a745 | RGB(40, 167, 69) | bg-success | — | |
| #dc3545 | RGB(220, 53, 69) | bg-danger | — | |
| #ffc107 | RGB(255, 193, 7) | bg-warning | — | |
| #17a2b8 | RGB(23, 162, 184) | bg-info | — | |
| #f8f9fa | RGB(248, 249, 250) | bg-light | — | |
| #343a40 | RGB(52, 58, 64) | bg-dark | — | |
| #ffffff | RGB(255, 255, 255) | bg-white | White |
Color Palette Contrast
15 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#007bff | #6c757d | 1.17 |
#007bff | #28a745 | 1.27 |
#007bff | #dc3545 | 1.13 |
#007bff | #17a2b8 | 1.3 |
#6c757d | #28a745 | 1.49 |
#6c757d | #dc3545 | 1.03 |
