Created at 12/06/2019 08:20
  0.19k

Ux mobile material design ui colors

  • #e8b224
  • #bb5cc2
  • #0c245c
  • #54acad
  • #9faec2
  • #364a70
The palette consists of Light, Dark colors. Accent colors #e8b224 and #0c245c. Palette has Warm, Neutral, Cool colors temperature.

By lightness, this palette runs from #0C245C (darkest) to #9FAEC2 (lightest). The lightness range is moderate.

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

HEX codes (sorted): #0C245C, #364A70, #54ACAD, #9FAEC2, #BB5CC2, #E8B224

Palette Ux mobile material design ui colors has combination of 6 codes colors:
HEX: #e8b224, RGB: (232, 178, 36); HEX: #bb5cc2, RGB: (187, 92, 194); HEX: #0c245c, RGB: (12, 36, 92)
HEX: #54acad, RGB: (84, 172, 173); HEX: #9faec2, RGB: (159, 174, 194); HEX: #364a70, RGB: (54, 74, 112)
Simplified version of palette colors
Shade of goldenrod, Shade of mediumorchid, Shade of midnightblue, Shade of cadetblue, Tint of lightsteelblue, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Ux mobile material design ui colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#e8b224 #e8b224 RGB(232, 178, 36)
#bb5cc2 #bb5cc2 RGB(187, 92, 194)
#0c245c #0c245c RGB(12, 36, 92)
#54acad #54acad RGB(84, 172, 173)
#9faec2 #9faec2 RGB(159, 174, 194)
#364a70 #364a70 RGB(54, 74, 112)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#e8b224
#bb5cc2
1.99
#e8b224
#54acad
1.37
#e8b224
#9faec2
1.16
#bb5cc2
#54acad
1.45
#bb5cc2
#9faec2
1.71
#0c245c
#364a70
1.66

Image palette Ux mobile material design ui colors png