Created at 08/30/2021 08:26
bootstrap 5 fs site
Secondary
#80888f
Primary
#0166fa
Success
#28a745
Danger
#dc3545
Warning
#ffc107
Info
#17a2b8
Dark-Blue
#5b23fb
Light
#fafafa
Dark
#404951
Light-Purple
#9c27b0
Purple
#7b1fa2
Light-Greean
#a1c620
The palette consists of Light, Semi dark colors. Accent colors Primary #0166fa and Warning #ffc107. Palette has Cool, Warm, Neutral colors temperature.
Palette bootstrap 5 fs site has combination of 12 codes colors:
HEX: #80888f, RGB: (128, 136, 143); HEX: #0166fa, RGB: (1, 102, 250); 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: #5b23fb, RGB: (91, 35, 251); HEX: #fafafa, RGB: (250, 250, 250); HEX: #404951, RGB: (64, 73, 81)
HEX: #9c27b0, RGB: (156, 39, 176); HEX: #7b1fa2, RGB: (123, 31, 162); HEX: #a1c620, RGB: (161, 198, 32)
Simplified version of palette colors
Shade of lightslategrey, Tint of royalblue, Tint of mediumseagreen, Shade of crimson, Tint of gold, Tint of cadetblue, Shade of Blue, Shade of whitesmoke, Shade of darkslategrey, Tint of darkorchid, Shade of darkmagenta, Tint of Yellowgreen
Color scheme was created by fsh
Colors codes in palette
bootstrap 5 fs site color codes HEX, RGB information in table
Color | HEX | RGB | Name | Alternative name |
#80888f | RGB(128, 136, 143) | Secondary | — | |
#0166fa | RGB(1, 102, 250) | Primary | — | |
#28a745 | RGB(40, 167, 69) | Success | — | |
#dc3545 | RGB(220, 53, 69) | Danger | — | |
#ffc107 | RGB(255, 193, 7) | Warning | — | |
#17a2b8 | RGB(23, 162, 184) | Info | — | |
#5b23fb | RGB(91, 35, 251) | Dark-Blue | — | |
#fafafa | RGB(250, 250, 250) | Light | Dr. White | |
#404951 | RGB(64, 73, 81) | Dark | — | |
#9c27b0 | RGB(156, 39, 176) | Light-Purple | — | |
#7b1fa2 | RGB(123, 31, 162) | Purple | — | |
#a1c620 | RGB(161, 198, 32) | Light-Greean | — |
Color Palette Contrast
33 color pairs have low contrast and need improvement which may impact readability.
Text Color | Background Color | Contrast Ratio |
#80888f | #0166fa | 1.36 |
#80888f | #28a745 | 1.14 |
#80888f | #dc3545 | 1.25 |
#80888f | #17a2b8 | 1.18 |
#80888f | #5b23fb | 1.89 |
#80888f | #9c27b0 | 1.75 |