Loading...
Created at 01/08/2020 09:39
  0.32k

Payment balance credit card slider mobile app colors

  • #1c9cfb
  • #48cffb
  • #024b82
  • #6c6c7c
  • #d7c3dc
  • #2e2e30
Loading...
The palette consists of Light, Dark colors. Accent colors #1c9cfb and #024b82. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #2E2E30 (darkest) to #D7C3DC (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

Hues sit in a neighboring band on the wheel (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #024B82, #1C9CFB, #2E2E30, #48CFFB, #6C6C7C, #D7C3DC

Palette Payment balance credit card slider mobile app colors has combination of 6 codes colors:
HEX: #1c9cfb, RGB: (28, 156, 251); HEX: #48cffb, RGB: (72, 207, 251); HEX: #024b82, RGB: (2, 75, 130)
HEX: #6c6c7c, RGB: (108, 108, 124); HEX: #d7c3dc, RGB: (215, 195, 220); HEX: #2e2e30, RGB: (46, 46, 48)
Simplified version of palette colors
Shade of dodgerblue, Tint of skyblue, Tint of darkslateblue, Shade of dimgrey, Shade of thistle, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

Payment balance credit card slider mobile app colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#1c9cfb #1c9cfb RGB(28, 156, 251)
#48cffb #48cffb RGB(72, 207, 251)
#024b82 #024b82 RGB(2, 75, 130)
#6c6c7c #6c6c7c RGB(108, 108, 124)
#d7c3dc #d7c3dc RGB(215, 195, 220)
#2e2e30 #2e2e30 RGB(46, 46, 48)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#1c9cfb
#48cffb
1.61
#1c9cfb
#6c6c7c
1.76
#1c9cfb
#d7c3dc
1.76
#48cffb
#d7c3dc
1.09
#024b82
#6c6c7c
1.74
#024b82
#2e2e30
1.5

Image palette Payment balance credit card slider mobile app colors png

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