Loading...
Created at 09/11/2020 09:02
  0.25k

Health app design thinking

  • #4b13ea
  • #5b95f3
  • #340bbd
  • #6757b1
  • #d1d9e8
  • #4c4482
Loading...
The palette consists of Dark, Light, Semi dark colors. Accent colors #5b95f3 and #340bbd. Palette has Cool colors temperature.

By lightness, this palette runs from #4C4482 (darkest) to #D1D9E8 (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range.

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Overall temperature among swatches leans cool.

HEX codes (sorted): #340BBD, #4B13EA, #4C4482, #5B95F3, #6757B1, #D1D9E8

Palette Health app design thinking has combination of 6 codes colors:
HEX: #4b13ea, RGB: (75, 19, 234); HEX: #5b95f3, RGB: (91, 149, 243); HEX: #340bbd, RGB: (52, 11, 189)
HEX: #6757b1, RGB: (103, 87, 177); HEX: #d1d9e8, RGB: (209, 217, 232); HEX: #4c4482, RGB: (76, 68, 130)
Simplified version of palette colors
Shade of Blue, Tint of cornflowerblue, Shade of mediumblue, Tint of slateblue, Tint of lavender, Shade of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Health app design thinking color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#4b13ea #4b13ea RGB(75, 19, 234)
#5b95f3 #5b95f3 RGB(91, 149, 243)
#340bbd #340bbd RGB(52, 11, 189)
#6757b1 #6757b1 RGB(103, 87, 177)
#d1d9e8 #d1d9e8 RGB(209, 217, 232)
#4c4482 #4c4482 RGB(76, 68, 130)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#4b13ea
#340bbd
1.33
#4b13ea
#6757b1
1.38
#4b13ea
#4c4482
1.05
#5b95f3
#6757b1
1.96
#340bbd
#6757b1
1.85
#340bbd
#4c4482
1.27

Image palette Health app design thinking png

Loading...
Loading...
Loading...