Created at 11/27/2019 21:37
  0.16k

Ui design

  • #3694e3
  • #7cb2f6
  • #553fa6
  • #a05cac
  • #c09ece
  • #382a6e
The palette consists of Light, Dark colors. Accent colors #3694e3 and #7cb2f6. Palette has Cool colors temperature.

By lightness, this palette runs from #382A6E (darkest) to #7CB2F6 (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range.

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

Overall temperature among swatches leans cool.

HEX codes (sorted): #3694E3, #382A6E, #553FA6, #7CB2F6, #A05CAC, #C09ECE

Palette Ui design has combination of 6 codes colors:
HEX: #3694e3, RGB: (54, 148, 227); HEX: #7cb2f6, RGB: (124, 178, 246); HEX: #553fa6, RGB: (85, 63, 166)
HEX: #a05cac, RGB: (160, 92, 172); HEX: #c09ece, RGB: (192, 158, 206); HEX: #382a6e, RGB: (56, 42, 110)
Simplified version of palette colors
Shade of dodgerblue, Shade of cornflowerblue, Shade of darkslateblue, Tint of mediumorchid, Tint of plum, Shade of midnightblue
Color scheme was created by colorswall

Colors codes in palette

Ui design color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#3694e3 #3694e3 RGB(54, 148, 227)
#7cb2f6 #7cb2f6 RGB(124, 178, 246)
#553fa6 #553fa6 RGB(85, 63, 166)
#a05cac #a05cac RGB(160, 92, 172)
#c09ece #c09ece RGB(192, 158, 206)
#382a6e #382a6e RGB(56, 42, 110)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#3694e3
#7cb2f6
1.46
#3694e3
#a05cac
1.4
#3694e3
#c09ece
1.38
#7cb2f6
#c09ece
1.05
#553fa6
#a05cac
1.74
#553fa6
#382a6e
1.53

Image palette Ui design png