Loading...
Created at 05/13/2020 07:38
  0.28k

Ui user experience design planning

  • #5c0ce3
  • #f2b07d
  • #33067d
  • #8b8395
  • #b4acc4
  • #3a0791
Loading...
The palette consists of Dark, Light colors. Accent colors #f2b07d and #33067d. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #33067D (darkest) to #B4ACC4 (lightest). The lightness range is moderate.

Overall saturation feels vivid (higher chroma).

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

Overall temperature among swatches leans cool.

HEX codes (sorted): #33067D, #3A0791, #5C0CE3, #8B8395, #B4ACC4, #F2B07D

Palette Ui user experience design planning has combination of 6 codes colors:
HEX: #5c0ce3, RGB: (92, 12, 227); HEX: #f2b07d, RGB: (242, 176, 125); HEX: #33067d, RGB: (51, 6, 125)
HEX: #8b8395, RGB: (139, 131, 149); HEX: #b4acc4, RGB: (180, 172, 196); HEX: #3a0791, RGB: (58, 7, 145)
Simplified version of palette colors
Shade of Blue, Shade of sandybrown, Tint of indigo, Shade of Grey, Tint of thistle, Shade of indigo
Color scheme was created by colorswall

Colors codes in palette

Ui user experience design planning color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#5c0ce3 #5c0ce3 RGB(92, 12, 227)
#f2b07d #f2b07d RGB(242, 176, 125)
#33067d #33067d RGB(51, 6, 125)
#8b8395 #8b8395 RGB(139, 131, 149)
#b4acc4 #b4acc4 RGB(180, 172, 196)
#3a0791 #3a0791 RGB(58, 7, 145)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#5c0ce3
#33067d
1.78
#5c0ce3
#3a0791
1.61
#f2b07d
#8b8395
1.95
#f2b07d
#b4acc4
1.17
#33067d
#3a0791
1.1
#8b8395
#b4acc4
1.66

Image palette Ui user experience design planning png

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