Slider we design web ui palette

0.31k

Created at 11/12/2019 22:50

The palette consists of Semi dark, Light, Dark colors. Accent colors #5eb4f8 and Gainsboro #dcdcdc. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #0C0C0C (darkest) to #DCDCDC (lightest). The lightness range is wide.

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 30°.

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

HEX codes (sorted): #080F7B, #0A128E, #0C0C0C, #3D48F1, #5EB4F8, #DCDCDC

Palette Slider we design web ui palette combines 6 color codes:

HEX: #3d48f1, RGB: (61, 72, 241); HEX: #5eb4f8, RGB: (94, 180, 248); HEX: #080f7b, RGB: (8, 15, 123)

HEX: #0a128e, RGB: (10, 18, 142); HEX: #dcdcdc, RGB: (220, 220, 220); HEX: #0c0c0c, RGB: (12, 12, 12)

Simplified version of palette colors

Shade of Slate Blue, Tint of Deep Sky Blue, Tint of Navy, Tint of Dark Blue, Gainsboro, Tint of Black

Color scheme was created by colorswall

Color codes in palette

Slider we design web ui palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#3d48f1	#3d48f1	RGB(61, 72, 241)	—	—
#5eb4f8	#5eb4f8	RGB(94, 180, 248)	—	—
#080f7b	#080f7b	RGB(8, 15, 123)	—	—
#0a128e	#0a128e	RGB(10, 18, 142)	—	—
#dcdcdc	#dcdcdc	RGB(220, 220, 220)	—	Gainsboro
#0c0c0c	#0c0c0c	RGB(12, 12, 12)	—	Black Wash

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