Created at 11/04/2019 18:47
  0.3k

App mobile ux design illustration colors palette

  • #e20464
  • #f66a89
  • #14243c
  • #454b7d
  • #c2c9ce
  • #5e3640
The palette consists of Light, Dark colors. Accent colors #e20464 and #c2c9ce. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #14243C (darkest) to #C2C9CE (lightest). The lightness range is wide.

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

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

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #14243C, #454B7D, #5E3640, #C2C9CE, #E20464, #F66A89

Palette App mobile ux design illustration colors palette has combination of 6 codes colors:
HEX: #e20464, RGB: (226, 4, 100); HEX: #f66a89, RGB: (246, 106, 137); HEX: #14243c, RGB: (20, 36, 60)
HEX: #454b7d, RGB: (69, 75, 125); HEX: #c2c9ce, RGB: (194, 201, 206); HEX: #5e3640, RGB: (94, 54, 64)
Simplified version of palette colors
Tint of deeppink, Shade of palevioletred, Tint of midnightblue, Shade of darkslateblue, Shade of Silver, Tint of brown
Color scheme was created by colorswall

Colors codes in palette

App mobile ux design illustration colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#e20464 #e20464 RGB(226, 4, 100)
#f66a89 #f66a89 RGB(246, 106, 137)
#14243c #14243c RGB(20, 36, 60)
#454b7d #454b7d RGB(69, 75, 125)
#c2c9ce #c2c9ce RGB(194, 201, 206)
#5e3640 #5e3640 RGB(94, 54, 64)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#e20464
#f66a89
1.65
#e20464
#454b7d
1.73
#f66a89
#c2c9ce
1.7
#14243c
#454b7d
1.89
#14243c
#5e3640
1.54
#454b7d
#5e3640
1.23

Image palette App mobile ux design illustration colors palette png