Created at 08/30/2021 08:26
  0.5k

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
Sign In to save palette in collection
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)LightDr. 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

Image palette bootstrap 5 fs site 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