Patient timeline ux medical app colors palette

0.33k

Created at 02/28/2020 19:51

The palette consists of Light, Semi dark colors. Accent colors #367bc1 and #1c4c59. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #1C4C59 (darkest) to #F2F3F9 (lightest). The lightness range is wide.

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

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

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

HEX codes (sorted): #1C4C59, #2E535E, #367BC1, #76B4B5, #AAB3BD, #F2F3F9

Palette Patient timeline ux medical app colors palette combines 6 color codes:

HEX: #367bc1, RGB: (54, 123, 193); HEX: #f2f3f9, RGB: (242, 243, 249); HEX: #1c4c59, RGB: (28, 76, 89)

HEX: #76b4b5, RGB: (118, 180, 181); HEX: #aab3bd, RGB: (170, 179, 189); HEX: #2e535e, RGB: (46, 83, 94)

Simplified version of palette colors

Shade of Steel Blue, Shade of Ghost White, Shade of Dark Slate Gray, Tint of Cadet Blue, Tint of Dark Gray, Tint of Dark Slate Gray

Color scheme was created by colorswall

Color codes in palette

Patient timeline ux medical app colors palette color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#367bc1	#367bc1	RGB(54, 123, 193)	—	—
#f2f3f9	#f2f3f9	RGB(242, 243, 249)	—	—
#1c4c59	#1c4c59	RGB(28, 76, 89)	—	—
#76b4b5	#76b4b5	RGB(118, 180, 181)	—	—
#aab3bd	#aab3bd	RGB(170, 179, 189)	—	—
#2e535e	#2e535e	RGB(46, 83, 94)	—	—

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