Ui flat animation ux colors

0.21k

Created at 09/16/2020 20:34

The palette consists of Light, Semi dark colors. Accent colors #024d82 and #025896. Palette has Cool colors temperature.

By lightness, this palette runs from #024D82 (darkest) to #A5CEC6 (lightest). The lightness range is moderate.

Overall saturation feels vivid (higher chroma) — 67% of colors are vivid.

An analogous palette: its hues sit close together on the color wheel, within about 37°.

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

HEX codes (sorted): #024D82, #025896, #0695FB, #5994B1, #74C1F4, #A5CEC6

Palette Ui flat animation ux colors combines 6 color codes:

HEX: #0695fb, RGB: (6, 149, 251); HEX: #74c1f4, RGB: (116, 193, 244); HEX: #024d82, RGB: (2, 77, 130)

HEX: #5994b1, RGB: (89, 148, 177); HEX: #a5cec6, RGB: (165, 206, 198); HEX: #025896, RGB: (2, 88, 150)

Simplified version of palette colors

Shade of Dodger Blue, Shade of Light Sky Blue, Shade of Dark Slate Blue, Tint of Steel Blue, Shade of Powder Blue, Shade of Royal Blue

Color scheme was created by colorswall

Color codes in palette

Ui flat animation ux colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#0695fb	#0695fb	RGB(6, 149, 251)	—	—
#74c1f4	#74c1f4	RGB(116, 193, 244)	—	—
#024d82	#024d82	RGB(2, 77, 130)	—	—
#5994b1	#5994b1	RGB(89, 148, 177)	—	—
#a5cec6	#a5cec6	RGB(165, 206, 198)	—	—
#025896	#025896	RGB(2, 88, 150)	—	—

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