Generate Palette
  1. Color Palettes
  2. kem-bootstrap-4-standard

kem-bootstrap-4-standard

  • primary
    #007bff
  • secondary
    #6c757d
  • success
    #28a745
  • info
    #17a2b8
  • warning
    #ffc107
  • danger
    #dc3545
  • light
    #f8f9fa
  • dark
    #343a40
  0.51k
Created at 06/15/2019 19:00
byDavid Acevedo
The palette consists of Light, Semi dark colors. Accent colors primary #007bff and warning #ffc107. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #343A40 (darkest) to #F8F9FA (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma) — 63% of colors are vivid.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans cool (3 of 8).

HEX codes (sorted): #007BFF, #17A2B8, #28A745, #343A40, #6C757D, #DC3545, #F8F9FA, #FFC107

Palette kem-bootstrap-4-standard combines 8 color codes:
HEX: #007bff, RGB: (0, 123, 255); HEX: #6c757d, RGB: (108, 117, 125); HEX: #28a745, RGB: (40, 167, 69)
HEX: #17a2b8, RGB: (23, 162, 184); HEX: #ffc107, RGB: (255, 193, 7); HEX: #dc3545, RGB: (220, 53, 69)
HEX: #f8f9fa, RGB: (248, 249, 250); HEX: #343a40, RGB: (52, 58, 64)
Simplified version of palette colors
Shade of Steel Blue, Shade of Slate Gray, Shade of Medium Sea Green, Shade of Cadet Blue, Shade of Gold, Tint of Crimson, Tint of White Smoke, Shade of Dark Slate Gray
Color scheme was created by David Acevedo

Color codes in palette

kem-bootstrap-4-standard color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#007bff #007bff RGB(0, 123, 255)primary—
#6c757d #6c757d RGB(108, 117, 125)secondaryPompeii Ash
#28a745 #28a745 RGB(40, 167, 69)success—
#17a2b8 #17a2b8 RGB(23, 162, 184)info—
#ffc107 #ffc107 RGB(255, 193, 7)warning—
#dc3545 #dc3545 RGB(220, 53, 69)danger—
#f8f9fa #f8f9fa RGB(248, 249, 250)light—
#343a40 #343a40 RGB(52, 58, 64)dark—

Color Palette Contrast

13 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
#17a2b8
1.3
#007bff
#dc3545
1.13
#6c757d
#28a745
1.49
#6c757d
#17a2b8
1.54

Image palette kem-bootstrap-4-standard png

kem-bootstrap-4-standard color palette: primary, secondary, success, info, warning, danger, light, dark
 Download image