Loading...
Created at 12/27/2022 09:30
  91

Mobile app banking finance ui colors

  • Celtic Blue
    #1f6bcc
  • Beau Blue
    #b8cfdd
  • Yale Blue
    #184c90
  • Cinereous
    #9c887c
  • Dust Storm
    #e4cccc
  • Charcoal
    #3a4c5a
Loading...
The palette consists of Semi dark, Light colors. Accent colors Celtic Blue #1f6bcc and Dust Storm #e4cccc. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #3A4C5A (darkest) to #E4CCCC (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): #184C90, #1F6BCC, #3A4C5A, #9C887C, #B8CFDD, #E4CCCC

Palette Mobile app banking finance ui colors has combination of 6 codes colors:
HEX: #1f6bcc, RGB: (31, 107, 204); HEX: #b8cfdd, RGB: (184, 207, 221); HEX: #184c90, RGB: (24, 76, 144)
HEX: #9c887c, RGB: (156, 136, 124); HEX: #e4cccc, RGB: (228, 204, 204); HEX: #3a4c5a, RGB: (58, 76, 90)
Simplified version of palette colors
Tint of royalblue, Tint of lightblue, Tint of darkslateblue, Shade of Grey, Tint of mistyrose, Shade of darkslategrey
Color scheme was created by bad_colors

Colors codes in palette

Mobile app banking finance ui colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#1f6bcc #1f6bcc RGB(31, 107, 204)Celtic Blue
#b8cfdd #b8cfdd RGB(184, 207, 221)Beau Blue
#184c90 #184c90 RGB(24, 76, 144)Yale Blue
#9c887c #9c887c RGB(156, 136, 124)Cinereous
#e4cccc #e4cccc RGB(228, 204, 204)Dust Storm
#3a4c5a #3a4c5a RGB(58, 76, 90)Charcoal

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#1f6bcc
#184c90
1.62
#1f6bcc
#9c887c
1.54
#1f6bcc
#3a4c5a
1.7
#b8cfdd
#e4cccc
1.06
#184c90
#3a4c5a
1.04

Image palette Mobile app banking finance ui colors png

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