Artboards tutorial slider component in xd colors

0.24k

Created at 02/14/2021 11:23

The palette consists of Light, Semi dark colors. Accent colors #9cc4d4 and #3f3c38. Palette has Cool, Neutral colors temperature.

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

Saturation sits in a moderate mid-range, averaging 29% across the palette.

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

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

HEX codes (sorted): #284D5C, #3F3C38, #4D95B1, #648592, #9CC4D4, #A8C3D1

Palette Artboards tutorial slider component in xd colors combines 6 color codes:

HEX: #4d95b1, RGB: (77, 149, 177); HEX: #9cc4d4, RGB: (156, 196, 212); HEX: #284d5c, RGB: (40, 77, 92)

HEX: #648592, RGB: (100, 133, 146); HEX: #a8c3d1, RGB: (168, 195, 209); HEX: #3f3c38, RGB: (63, 60, 56)

Simplified version of palette colors

Tint of Steel Blue, Shade of Light Blue, Shade of Dark Slate Gray, Shade of Slate Gray, Shade of Light Blue, Shade of Dark Slate Gray

Color scheme was created by colorswall

Color codes in palette

Artboards tutorial slider component in xd colors color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#4d95b1	#4d95b1	RGB(77, 149, 177)	—	—
#9cc4d4	#9cc4d4	RGB(156, 196, 212)	—	—
#284d5c	#284d5c	RGB(40, 77, 92)	—	—
#648592	#648592	RGB(100, 133, 146)	—	—
#a8c3d1	#a8c3d1	RGB(168, 195, 209)	—	—
#3f3c38	#3f3c38	RGB(63, 60, 56)	—	—

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