Created at 05/12/2020 09:17
  0.27k

User inteface mobile app design ux experience

  • #db1c34
  • #fca464
  • #712c34
  • #82a2a7
  • #dcc6c6
  • #493e43
The palette consists of Light colors. Accent colors #fca464 and #82a2a7. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #493E43 (darkest) to #DCC6C6 (lightest). The lightness range is wide.

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 warm.

HEX codes (sorted): #493E43, #712C34, #82A2A7, #DB1C34, #DCC6C6, #FCA464

Palette User inteface mobile app design ux experience has combination of 6 codes colors:
HEX: #db1c34, RGB: (219, 28, 52); HEX: #fca464, RGB: (252, 164, 100); HEX: #712c34, RGB: (113, 44, 52)
HEX: #82a2a7, RGB: (130, 162, 167); HEX: #dcc6c6, RGB: (220, 198, 198); HEX: #493e43, RGB: (73, 62, 67)
Simplified version of palette colors
Shade of crimson, Shade of sandybrown, Tint of brown, Shade of cadetblue, Tint of mistyrose, Tint of dimgrey
Color scheme was created by colorswall

Colors codes in palette

User inteface mobile app design ux experience color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#db1c34 #db1c34 RGB(219, 28, 52)
#fca464 #fca464 RGB(252, 164, 100)
#712c34 #712c34 RGB(113, 44, 52)
#82a2a7 #82a2a7 RGB(130, 162, 167)
#dcc6c6 #dcc6c6 RGB(220, 198, 198)
#493e43 #493e43 RGB(73, 62, 67)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#db1c34
#82a2a7
1.81
#fca464
#82a2a7
1.38
#fca464
#dcc6c6
1.21
#712c34
#493e43
1.02
#82a2a7
#dcc6c6
1.68

Image palette User inteface mobile app design ux experience png