Loading...
Created at 11/30/2019 11:09
  0.2k

Design illustration ui ux colours

  • #6c3ce9
  • #f3d683
  • #2a0d77
  • #647ca8
  • #9c90cc
  • #5f5762
Loading...
The palette consists of Semi dark, Light, Dark colors. Accent colors #f3d683 and #2a0d77. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #2A0D77 (darkest) to #F3D683 (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): #2A0D77, #5F5762, #647CA8, #6C3CE9, #9C90CC, #F3D683

Palette Design illustration ui ux colours has combination of 6 codes colors:
HEX: #6c3ce9, RGB: (108, 60, 233); HEX: #f3d683, RGB: (243, 214, 131); HEX: #2a0d77, RGB: (42, 13, 119)
HEX: #647ca8, RGB: (100, 124, 168); HEX: #9c90cc, RGB: (156, 144, 204); HEX: #5f5762, RGB: (95, 87, 98)
Simplified version of palette colors
Shade of blueviolet, Tint of Khaki, Shade of Navy, Shade of steelblue, Shade of mediumpurple, Tint of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Design illustration ui ux colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#6c3ce9 #6c3ce9 RGB(108, 60, 233)
#f3d683 #f3d683 RGB(243, 214, 131)
#2a0d77 #2a0d77 RGB(42, 13, 119)
#647ca8 #647ca8 RGB(100, 124, 168)
#9c90cc #9c90cc RGB(156, 144, 204)
#5f5762 #5f5762 RGB(95, 87, 98)

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#6c3ce9
#647ca8
1.44
#6c3ce9
#5f5762
1.14
#647ca8
#9c90cc
1.45
#647ca8
#5f5762
1.64

Image palette Design illustration ui ux colours png

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