Created at 12/30/2020 14:58
  0.23k

Main screen ui ux mobile app hex colors

  • #5424d4
  • #8270e0
  • #60469c
  • #6c54ac
  • #d1cae4
  • #312852
The palette consists of Light, Semi dark, Dark colors. Accent colors #5424d4 and #8270e0. Palette has Cool colors temperature.

By lightness, this palette runs from #312852 (darkest) to #D1CAE4 (lightest). The lightness range is wide.

Saturation sits in a moderate mid-range.

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Overall temperature among swatches leans cool.

HEX codes (sorted): #312852, #5424D4, #60469C, #6C54AC, #8270E0, #D1CAE4

Palette Main screen ui ux mobile app hex colors has combination of 6 codes colors:
HEX: #5424d4, RGB: (84, 36, 212); HEX: #8270e0, RGB: (130, 112, 224); HEX: #60469c, RGB: (96, 70, 156)
HEX: #6c54ac, RGB: (108, 84, 172); HEX: #d1cae4, RGB: (209, 202, 228); HEX: #312852, RGB: (49, 40, 82)
Simplified version of palette colors
Shade of Blue, Shade of mediumslateblue, Shade of darkslateblue, Tint of slateblue, Tint of lavender, Shade of midnightblue
Color scheme was created by colorswall

Colors codes in palette

Main screen ui ux mobile app hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#5424d4 #5424d4 RGB(84, 36, 212)
#8270e0 #8270e0 RGB(130, 112, 224)
#60469c #60469c RGB(96, 70, 156)
#6c54ac #6c54ac RGB(108, 84, 172)
#d1cae4 #d1cae4 RGB(209, 202, 228)
#312852 #312852 RGB(49, 40, 82)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#5424d4
#60469c
1.1
#5424d4
#6c54ac
1.35
#5424d4
#312852
1.65
#8270e0
#60469c
1.87
#8270e0
#6c54ac
1.52
#60469c
#6c54ac
1.22

Image palette Main screen ui ux mobile app hex colors png