Created at 03/07/2023 19:55
  0.16k

Bootstrap admin ui kit colours

  • Sunray
    #ecad52
  • Little Boy Blue
    #64a1e6
  • Sepia
    #774b0d
  • Sonic Silver
    #78787c
  • Cadet Blue (Crayola)
    #afb2c2
  • Onyx
    #34343c
The palette consists of Light colors. Accent colors Little Boy Blue #64a1e6 and Sepia #774b0d. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #34343C (darkest) to #AFB2C2 (lightest). The lightness range is moderate.

Saturation is mixed — some muted swatches and some vivid accents.

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #34343C, #64A1E6, #774B0D, #78787C, #AFB2C2, #ECAD52

Palette Bootstrap admin ui kit colours has combination of 6 codes colors:
HEX: #ecad52, RGB: (236, 173, 82); HEX: #64a1e6, RGB: (100, 161, 230); HEX: #774b0d, RGB: (119, 75, 13)
HEX: #78787c, RGB: (120, 120, 124); HEX: #afb2c2, RGB: (175, 178, 194); HEX: #34343c, RGB: (52, 52, 60)
Simplified version of palette colors
Shade of Orange, Shade of cornflowerblue, Tint of saddlebrown, Tint of Grey, Tint of lightsteelblue, Shade of Black
Color scheme was created by bad_colors

Colors codes in palette

Bootstrap admin ui kit colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ecad52 #ecad52 RGB(236, 173, 82)Sunray
#64a1e6 #64a1e6 RGB(100, 161, 230)Little Boy Blue
#774b0d #774b0d RGB(119, 75, 13)Sepia
#78787c #78787c RGB(120, 120, 124)Sonic Silver
#afb2c2 #afb2c2 RGB(175, 178, 194)Cadet Blue (Crayola)
#34343c #34343c RGB(52, 52, 60)Onyx

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ecad52
#64a1e6
1.37
#ecad52
#afb2c2
1.06
#64a1e6
#78787c
1.62
#64a1e6
#afb2c2
1.28
#774b0d
#78787c
1.7
#774b0d
#34343c
1.64

Image palette Bootstrap admin ui kit colours png