Design ui product ux colours

0.21k

Created at 02/13/2020 18:18

The palette consists of Light, Dark colors. Accent colors #072c7d and #083390. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #072C7D (darkest) to #C9CFDD (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 2°.

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

HEX codes (sorted): #072C7D, #083390, #447CF4, #81A6EF, #828B8C, #C9CFDD

Palette Design ui product ux colours combines 6 color codes:

HEX: #447cf4, RGB: (68, 124, 244); HEX: #81a6ef, RGB: (129, 166, 239); HEX: #072c7d, RGB: (7, 44, 125)

HEX: #828b8c, RGB: (130, 139, 140); HEX: #c9cfdd, RGB: (201, 207, 221); HEX: #083390, RGB: (8, 51, 144)

Simplified version of palette colors

Tint of Royal Blue, Tint of Cornflower Blue, Tint of Midnight Blue, Tint of Grey, Tint of Light Steel Blue, Shade of Dark Slate Blue

Color scheme was created by colorswall

Color codes in palette

Design ui product ux colours color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#447cf4	#447cf4	RGB(68, 124, 244)	—	—
#81a6ef	#81a6ef	RGB(129, 166, 239)	—	—
#072c7d	#072c7d	RGB(7, 44, 125)	—	—
#828b8c	#828b8c	RGB(130, 139, 140)	—	—
#c9cfdd	#c9cfdd	RGB(201, 207, 221)	—	—
#083390	#083390	RGB(8, 51, 144)	—	—

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