Notification heart rate app dark ui colors palette

0.26k

Created at 03/21/2020 09:55

The palette consists of Semi dark, Light colors. Accent colors #eb978e and #1c3a6e. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #1C3A6E (darkest) to #EB978E (lightest). The lightness range is moderate.

Saturation is mixed — 3 muted and 3 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 (2 warm, 2 cool).

HEX codes (sorted): #1C3A6E, #3B424E, #646C7C, #A0A0A8, #BA3021, #EB978E

Palette Notification heart rate app dark ui colors palette combines 6 color codes:

HEX: #ba3021, RGB: (186, 48, 33); HEX: #eb978e, RGB: (235, 151, 142); HEX: #1c3a6e, RGB: (28, 58, 110)

HEX: #646c7c, RGB: (100, 108, 124); HEX: #a0a0a8, RGB: (160, 160, 168); HEX: #3b424e, RGB: (59, 66, 78)

Simplified version of palette colors

Tint of Firebrick, Tint of Light Coral, Shade of Dark Slate Blue, Tint of Dim Gray, Shade of Dark Gray, Shade of Dark Slate Gray

Color scheme was created by colorswall

Color codes in palette

Notification heart rate app dark ui colors palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#ba3021	#ba3021	RGB(186, 48, 33)	—	—
#eb978e	#eb978e	RGB(235, 151, 142)	—	—
#1c3a6e	#1c3a6e	RGB(28, 58, 110)	—	—
#646c7c	#646c7c	RGB(100, 108, 124)	—	—
#a0a0a8	#a0a0a8	RGB(160, 160, 168)	—	—
#3b424e	#3b424e	RGB(59, 66, 78)	—	—

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