Created at 01/01/2020 14:06
  0.36k

Management system ux product design colors

  • #644cfc
  • #4b7df9
  • #2c3c64
  • #a45482
  • #acb4c5
  • #2e3450
The palette consists of Semi dark, Light colors. Accent colors #644cfc and #4b7df9. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #2E3450 (darkest) to #ACB4C5 (lightest). The lightness range is moderate.

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

Hues sit in a neighboring band on the wheel (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #2C3C64, #2E3450, #4B7DF9, #644CFC, #A45482, #ACB4C5

Palette Management system ux product design colors has combination of 6 codes colors:
HEX: #644cfc, RGB: (100, 76, 252); HEX: #4b7df9, RGB: (75, 125, 249); HEX: #2c3c64, RGB: (44, 60, 100)
HEX: #a45482, RGB: (164, 84, 130); HEX: #acb4c5, RGB: (172, 180, 197); HEX: #2e3450, RGB: (46, 52, 80)
Simplified version of palette colors
Tint of slateblue, Shade of royalblue, Tint of darkslateblue, Shade of mediumvioletred, Tint of lightsteelblue, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Management system ux product design colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#644cfc #644cfc RGB(100, 76, 252)
#4b7df9 #4b7df9 RGB(75, 125, 249)
#2c3c64 #2c3c64 RGB(44, 60, 100)
#a45482 #a45482 RGB(164, 84, 130)
#acb4c5 #acb4c5 RGB(172, 180, 197)
#2e3450 #2e3450 RGB(46, 52, 80)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#644cfc
#4b7df9
1.4
#644cfc
#a45482
1.04
#4b7df9
#a45482
1.34
#4b7df9
#acb4c5
1.8
#2c3c64
#2e3450
1.12

Image palette Management system ux product design colors png