Created at 12/27/2019 13:53
  0.28k

Interaction design system user experience banking hex colors

#054cb9
#eab39a
#04348d
#7f7c80
#8ec4b4
#1f3036
Sign In to save palette in collection
The palette consists of Light, Dark colors. Accent colors #054cb9 and #eab39a. Palette has Cool, Warm, Neutral colors temperature.
Palette Interaction design system user experience banking hex colors has combination of 6 codes colors:
HEX: #054cb9, RGB: (5, 76, 185); HEX: #eab39a, RGB: (234, 179, 154); HEX: #04348d, RGB: (4, 52, 141)
HEX: #7f7c80, RGB: (127, 124, 128); HEX: #8ec4b4, RGB: (142, 196, 180); HEX: #1f3036, RGB: (31, 48, 54)
Simplified version of palette colors
Tint of darkslateblue, Shade of darksalmon, Tint of darkslateblue, Tint of Grey, Shade of mediumaquamarine, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Interaction design system user experience banking hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#054cb9 RGB(5, 76, 185)
#eab39a RGB(234, 179, 154)
#04348d RGB(4, 52, 141)
#7f7c80 RGB(127, 124, 128)
#8ec4b4 RGB(142, 196, 180)
#1f3036 RGB(31, 48, 54)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#054cb9
#04348d
1.45
#054cb9
#7f7c80
1.85
#054cb9
#1f3036
1.78
#eab39a
#8ec4b4
1.06
#04348d
#1f3036
1.22

Image palette Interaction design system user experience banking hex colors png

Palette colors: How to use?

Click on any color to add in Palette
Quick palette
Maximum 10 palettes Compare
Click on «Compare» icon to add Palette in Compare List Palettes
Compare Palettes