App ui progressbar design colours

0.13k

Created at 06/18/2021 14:55

The palette consists of Semi dark, Light colors. Accent colors #d43c3d and #7cd4d2. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #3A445E (darkest) to #7CD4D2 (lightest). The lightness range is moderate.

Saturation is mixed — 2 muted and 1 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): #284E69, #3A445E, #4E6494, #7CD4D2, #A3BBC8, #D43C3D

Palette App ui progressbar design colours combines 6 color codes:

HEX: #d43c3d, RGB: (212, 60, 61); HEX: #7cd4d2, RGB: (124, 212, 210); HEX: #284e69, RGB: (40, 78, 105)

HEX: #4e6494, RGB: (78, 100, 148); HEX: #a3bbc8, RGB: (163, 187, 200); HEX: #3a445e, RGB: (58, 68, 94)

Simplified version of palette colors

Tint of Crimson, Tint of Medium Turquoise, Shade of Dark Slate Blue, Shade of Royal Blue, Shade of Light Steel Blue, Shade of Dark Slate Blue

Color scheme was created by colorswall

Color codes in palette

App ui progressbar design colours color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#d43c3d	#d43c3d	RGB(212, 60, 61)	—	—
#7cd4d2	#7cd4d2	RGB(124, 212, 210)	—	—
#284e69	#284e69	RGB(40, 78, 105)	—	—
#4e6494	#4e6494	RGB(78, 100, 148)	—	—
#a3bbc8	#a3bbc8	RGB(163, 187, 200)	—	—
#3a445e	#3a445e	RGB(58, 68, 94)	—	—

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