Product design react ios bank colours

0.24k

Created at 07/28/2020 19:35

The palette consists of Semi dark, Light colors. Accent colors #045cfc and #f99595. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #384354 (darkest) to #A9BACF (lightest). The lightness range is moderate.

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

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

Warm and cool swatches are fairly balanced (3 warm, 3 cool).

HEX codes (sorted): #045CFC, #384354, #724E34, #A87E6A, #A9BACF, #F99595

Palette Product design react ios bank colours combines 6 color codes:

HEX: #045cfc, RGB: (4, 92, 252); HEX: #f99595, RGB: (249, 149, 149); HEX: #724e34, RGB: (114, 78, 52)

HEX: #a87e6a, RGB: (168, 126, 106); HEX: #a9bacf, RGB: (169, 186, 207); HEX: #384354, RGB: (56, 67, 84)

Simplified version of palette colors

Shade of Royal Blue, Tint of Light Coral, Tint of Saddle Brown, Shade of Rosy Brown, Shade of Light Steel Blue, Shade of Dark Slate Blue

Color scheme was created by colorswall

Color codes in palette

Product design react ios bank colours color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#045cfc	#045cfc	RGB(4, 92, 252)	—	—
#f99595	#f99595	RGB(249, 149, 149)	—	—
#724e34	#724e34	RGB(114, 78, 52)	—	—
#a87e6a	#a87e6a	RGB(168, 126, 106)	—	—
#a9bacf	#a9bacf	RGB(169, 186, 207)	—	—
#384354	#384354	RGB(56, 67, 84)	—	—

7 color pairs have low contrast and need improvement which may impact readability.