Loading...
Created at 09/11/2021 11:42
  0.2k

App ui design colors

  • #f011e3
  • #7ecdf3
  • #69167d
  • #549aac
  • #ccb4b4
  • #2c2434
Loading...
The palette consists of Light, Dark colors. Accent colors #f011e3 and #7ecdf3. Palette has Neutral, Cool colors temperature.

By lightness, this palette runs from #2C2434 (darkest) to #CCB4B4 (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 cool.

HEX codes (sorted): #2C2434, #549AAC, #69167D, #7ECDF3, #CCB4B4, #F011E3

Palette App ui design colors has combination of 6 codes colors:
HEX: #f011e3, RGB: (240, 17, 227); HEX: #7ecdf3, RGB: (126, 205, 243); HEX: #69167d, RGB: (105, 22, 125)
HEX: #549aac, RGB: (84, 154, 172); HEX: #ccb4b4, RGB: (204, 180, 180); HEX: #2c2434, RGB: (44, 36, 52)
Simplified version of palette colors
Shade of magenta, Tint of lightskyblue, Shade of Purple, Tint of cadetblue, Tint of thistle, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

App ui design colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f011e3 #f011e3 RGB(240, 17, 227)
#7ecdf3 #7ecdf3 RGB(126, 205, 243)
#69167d #69167d RGB(105, 22, 125)
#549aac #549aac RGB(84, 154, 172)
#ccb4b4 #ccb4b4 RGB(204, 180, 180)
#2c2434 #2c2434 RGB(44, 36, 52)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f011e3
#549aac
1.11
#f011e3
#ccb4b4
1.82
#7ecdf3
#549aac
1.8
#7ecdf3
#ccb4b4
1.1
#69167d
#2c2434
1.42
#549aac
#ccb4b4
1.63

Image palette App ui design colors png

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