Created at 03/22/2020 08:16
  0.25k

Ui interaction design ux medical app

  • #f65e5e
  • #f67671
  • #142c7c
  • #715e9c
  • #cdb5a4
  • #4d4f5f
The palette consists of Light, Dark, Semi dark colors. Accent colors #f65e5e and #142c7c. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #142C7C (darkest) to #CDB5A4 (lightest). The lightness range is moderate.

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

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Warm and cool swatches are fairly balanced (3 warm, 3 cool).

HEX codes (sorted): #142C7C, #4D4F5F, #715E9C, #CDB5A4, #F65E5E, #F67671

Palette Ui interaction design ux medical app combines 6 color codes:
HEX: #f65e5e, RGB: (246, 94, 94); HEX: #f67671, RGB: (246, 118, 113); HEX: #142c7c, RGB: (20, 44, 124)
HEX: #715e9c, RGB: (113, 94, 156); HEX: #cdb5a4, RGB: (205, 181, 164); HEX: #4d4f5f, RGB: (77, 79, 95)
Simplified version of palette colors
Shade of salmon, Shade of lightcoral, Tint of midnightblue, Shade of slateblue, Tint of tan, Shade of dimgrey
Color scheme was created by colorswall

Color codes in palette

Ui interaction design ux medical app color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f65e5e #f65e5e RGB(246, 94, 94)——
#f67671 #f67671 RGB(246, 118, 113)——
#142c7c #142c7c RGB(20, 44, 124)——
#715e9c #715e9c RGB(113, 94, 156)——
#cdb5a4 #cdb5a4 RGB(205, 181, 164)——
#4d4f5f #4d4f5f RGB(77, 79, 95)——

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f65e5e
#f67671
1.15
#f65e5e
#715e9c
1.76
#f65e5e
#cdb5a4
1.6
#f67671
#cdb5a4
1.38
#142c7c
#4d4f5f
1.54
#715e9c
#4d4f5f
1.45

Image palette Ui interaction design ux medical app png