Product interaction design ui ux colours

0.32k

Created at 02/13/2020 12:01

The palette consists of Light, Semi dark colors. Accent colors #49bcf9 and #f487de. Palette has Cool colors temperature.

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

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

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

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

HEX codes (sorted): #3C4454, #445CA0, #49BCF9, #7A8EBC, #ADB0CD, #F487DE

Palette Product interaction design ui ux colours combines 6 color codes:

HEX: #49bcf9, RGB: (73, 188, 249); HEX: #f487de, RGB: (244, 135, 222); HEX: #445ca0, RGB: (68, 92, 160)

HEX: #7a8ebc, RGB: (122, 142, 188); HEX: #adb0cd, RGB: (173, 176, 205); HEX: #3c4454, RGB: (60, 68, 84)

Simplified version of palette colors

Tint of Deep Sky Blue, Tint of Violet, Shade of Royal Blue, Shade of Cornflower Blue, Shade of Light Steel Blue, Shade of Dark Slate Blue

Color scheme was created by colorswall

Color codes in palette

Product interaction design ui ux colours color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#49bcf9	#49bcf9	RGB(73, 188, 249)	—	—
#f487de	#f487de	RGB(244, 135, 222)	—	—
#445ca0	#445ca0	RGB(68, 92, 160)	—	—
#7a8ebc	#7a8ebc	RGB(122, 142, 188)	—	—
#adb0cd	#adb0cd	RGB(173, 176, 205)	—	—
#3c4454	#3c4454	RGB(60, 68, 84)	—	—

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