Created at 12/04/2020 13:13
  0.26k

Ui cycle uidesign mobile design hex colors

  • #d4347c
  • #ec7c69
  • #07121c
  • #5c789e
  • #ccbc9c
  • #373f51
The palette consists of Semi dark, Light, Dark colors. Accent colors #ec7c69 and #07121c. Palette has Warm, Neutral, Cool colors temperature.

By lightness, this palette runs from #07121C (darkest) to #CCBC9C (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): #07121C, #373F51, #5C789E, #CCBC9C, #D4347C, #EC7C69

Palette Ui cycle uidesign mobile design hex colors has combination of 6 codes colors:
HEX: #d4347c, RGB: (212, 52, 124); HEX: #ec7c69, RGB: (236, 124, 105); HEX: #07121c, RGB: (7, 18, 28)
HEX: #5c789e, RGB: (92, 120, 158); HEX: #ccbc9c, RGB: (204, 188, 156); HEX: #373f51, RGB: (55, 63, 81)
Simplified version of palette colors
Shade of mediumvioletred, Tint of salmon, Shade of Black, Tint of steelblue, Shade of tan, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Ui cycle uidesign mobile design hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#d4347c #d4347c RGB(212, 52, 124)
#ec7c69 #ec7c69 RGB(236, 124, 105)
#07121c #07121c RGB(7, 18, 28)
#5c789e #5c789e RGB(92, 120, 158)
#ccbc9c #ccbc9c RGB(204, 188, 156)
#373f51 #373f51 RGB(55, 63, 81)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#d4347c
#ec7c69
1.67
#d4347c
#5c789e
1.01
#ec7c69
#5c789e
1.65
#ec7c69
#ccbc9c
1.46
#07121c
#373f51
1.79

Image palette Ui cycle uidesign mobile design hex colors png