Loading...
Created at 05/21/2020 13:12
  0.27k

Ui design infographic data visualization ux colors palette

  • #8e54fb
  • #a879f9
  • #2e0381
  • #b4856c
  • #b8b7bf
  • #615349
Loading...
The palette consists of Light, Dark, Semi dark colors. Accent colors #2e0381 and #b4856c. Palette has Cool, Warm, Neutral colors temperature.

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

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

Hues are spread broadly around the wheel — a varied palette (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #2E0381, #615349, #8E54FB, #A879F9, #B4856C, #B8B7BF

Palette Ui design infographic data visualization ux colors palette has combination of 6 codes colors:
HEX: #8e54fb, RGB: (142, 84, 251); HEX: #a879f9, RGB: (168, 121, 249); HEX: #2e0381, RGB: (46, 3, 129)
HEX: #b4856c, RGB: (180, 133, 108); HEX: #b8b7bf, RGB: (184, 183, 191); HEX: #615349, RGB: (97, 83, 73)
Simplified version of palette colors
Tint of mediumslateblue, Shade of mediumpurple, Shade of Navy, Tint of rosybrown, Tint of Silver, Tint of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Ui design infographic data visualization ux colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#8e54fb #8e54fb RGB(142, 84, 251)
#a879f9 #a879f9 RGB(168, 121, 249)
#2e0381 #2e0381 RGB(46, 3, 129)
#b4856c #b4856c RGB(180, 133, 108)
#b8b7bf #b8b7bf RGB(184, 183, 191)
#615349 #615349 RGB(97, 83, 73)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#8e54fb
#a879f9
1.4
#8e54fb
#b4856c
1.35
#8e54fb
#615349
1.69
#a879f9
#b4856c
1.03
#a879f9
#b8b7bf
1.56
#2e0381
#615349
1.96

Image palette Ui design infographic data visualization ux colors palette png

Loading...
Loading...
Loading...