Loading...
Created at 02/17/2021 14:33
  0.24k

Mobile ui design ux hex colors

  • #211ece
  • #f3b484
  • #342614
  • #a67a63
  • #d8b2ba
  • #5d493c
Loading...
The palette consists of Dark, Light colors. Accent colors #211ece and #f3b484. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #342614 (darkest) to #D8B2BA (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): #211ECE, #342614, #5D493C, #A67A63, #D8B2BA, #F3B484

Palette Mobile ui design ux hex colors has combination of 6 codes colors:
HEX: #211ece, RGB: (33, 30, 206); HEX: #f3b484, RGB: (243, 180, 132); HEX: #342614, RGB: (52, 38, 20)
HEX: #a67a63, RGB: (166, 122, 99); HEX: #d8b2ba, RGB: (216, 178, 186); HEX: #5d493c, RGB: (93, 73, 60)
Simplified version of palette colors
Shade of mediumblue, Shade of sandybrown, Shade of Black, Tint of rosybrown, Tint of thistle, Tint of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Mobile ui design ux hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#211ece #211ece RGB(33, 30, 206)
#f3b484 #f3b484 RGB(243, 180, 132)
#342614 #342614 RGB(52, 38, 20)
#a67a63 #a67a63 RGB(166, 122, 99)
#d8b2ba #d8b2ba RGB(216, 178, 186)
#5d493c #5d493c RGB(93, 73, 60)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#211ece
#342614
1.49
#211ece
#5d493c
1.15
#f3b484
#d8b2ba
1.06
#342614
#5d493c
1.73
#a67a63
#d8b2ba
1.96

Image palette Mobile ui design ux hex colors png

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