Animation ux calculator motion colors

0.23k

Created at 04/15/2020 15:11

The palette consists of Light, Semi dark colors. Accent colors #7bdce5 and #15676e. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #3C434C (darkest) to #DCF0BA (lightest). The lightness range is moderate.

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

The hues stay in one region of the color wheel, spanning about 104°.

Overall temperature among swatches leans cool (5 of 6).

HEX codes (sorted): #15676E, #3C434C, #5C8F92, #7BDCE5, #B3C298, #DCF0BA

Palette Animation ux calculator motion colors combines 6 color codes:

HEX: #7bdce5, RGB: (123, 220, 229); HEX: #dcf0ba, RGB: (220, 240, 186); HEX: #15676e, RGB: (21, 103, 110)

HEX: #5c8f92, RGB: (92, 143, 146); HEX: #b3c298, RGB: (179, 194, 152); HEX: #3c434c, RGB: (60, 67, 76)

Simplified version of palette colors

Shade of Pale Turquoise, Shade of Light Goldenrod Yellow, Shade of Teal, Shade of Cadet Blue, Tint of Dark Sea Green, Shade of Dark Slate Gray

Color scheme was created by colorswall

Color codes in palette

Animation ux calculator motion colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#7bdce5	#7bdce5	RGB(123, 220, 229)	—	—
#dcf0ba	#dcf0ba	RGB(220, 240, 186)	—	—
#15676e	#15676e	RGB(21, 103, 110)	—	—
#5c8f92	#5c8f92	RGB(92, 143, 146)	—	—
#b3c298	#b3c298	RGB(179, 194, 152)	—	—
#3c434c	#3c434c	RGB(60, 67, 76)	—	—

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