Expense screen transactions page mobile design fin-tech app colours

  • #2c24db
  • #9cbaf7
  • #04cc84
  • #9f5d90
  • #c098af
  • #4c6683
  0.36k
Created at 11/04/2019 18:42
The palette consists of Semi dark, Light colors. Accent colors #04cc84 and #9f5d90. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #2C24DB (darkest) to #9CBAF7 (lightest). The lightness range is moderate.

Saturation is mixed — 3 muted and 3 vivid out of 6 colors.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans cool (5 of 6).

HEX codes (sorted): #04CC84, #2C24DB, #4C6683, #9CBAF7, #9F5D90, #C098AF

Palette Expense screen transactions page mobile design fin-tech app colours combines 6 color codes:
HEX: #2c24db, RGB: (44, 36, 219); HEX: #9cbaf7, RGB: (156, 186, 247); HEX: #04cc84, RGB: (4, 204, 132)
HEX: #9f5d90, RGB: (159, 93, 144); HEX: #c098af, RGB: (192, 152, 175); HEX: #4c6683, RGB: (76, 102, 131)
Simplified version of palette colors
Tint of Blue, Shade of Light Steel Blue, Tint of Medium Sea Green, Tint of Medium Violet Red, Tint of Rosy Brown, Shade of Royal Blue
Color scheme was created by colorswall

Color codes in palette

Expense screen transactions page mobile design fin-tech app colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#2c24db #2c24db RGB(44, 36, 219)——
#9cbaf7 #9cbaf7 RGB(156, 186, 247)——
#04cc84 #04cc84 RGB(4, 204, 132)——
#9f5d90 #9f5d90 RGB(159, 93, 144)——
#c098af #c098af RGB(192, 152, 175)——
#4c6683 #4c6683 RGB(76, 102, 131)——

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#2c24db
#9f5d90
1.86
#2c24db
#4c6683
1.48
#9cbaf7
#04cc84
1.08
#9cbaf7
#c098af
1.29
#04cc84
#c098af
1.19
#9f5d90
#c098af
1.87

Image palette Expense screen transactions page mobile design fin-tech app colours png